`

jquery为按钮绑定事件(快速执行函数)

 
阅读更多
var queryFormArr = ['tone','singger','code','box','ugc',null];
$(function(){
	$("#topSearchImg").bind('click',function(){search();});//为查询图片添加事件
	$("#searchType").children().css("cursor","pointer");
	$("#searchType").children().each(function(index,sp){
		$(sp).click(function(j){
			return function(){//点击事件
				var spans = $("#searchType").children();
				spans.removeClass().addClass("color2");
				spans.eq(j).removeClass().addClass("STYLE2");
				
				//queryFrom
				$("#queryFrom").val(queryFormArr[index]);
			}
		}(index));
	});
});


分享到:
评论

相关推荐

    jquery绑定事件不生效的解决方法

    今天在开发前台页面时发现jquery绑定click事件,怎么都不生效。代码如下: 1.html:<input id=”ceshisub” type=”button” value=”单击事件” > 2.html引用的test.js中的方法函数: 代码如下: $(“#...

    jQuery详细教程

    jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。 通常会把 jQuery 代码放到 部分的事件处理方法中: 实例 ...

    浅析jquery unbind()方法移除元素绑定的事件

    其中参数event表示需要移除的事件名称,多个事件名用空格隔开,fun参数为事件执行时调用的函数名称。 语法  unbind()函数主要有以下两种形式的用法: 用法一: jQueryObject.unbind( [ events [, handler ]] ) ...

    超实用的jQuery代码段

    3.14 如何为动态添加的元素绑定事件处理函数 3.15 为表格行增加单击事件 3.16 用回车键模拟Tab键 第4章 jQuery操作CSS样式 4.1 使用addClass()函数动态添加样式类 4.2 使用removeClass()函数动态移除样式类 4.3...

    jquery 事件执行检测代码

    前两天做城市搜索的时候,我对搜索按钮绑定了事件,如果输入栏内的文字不符合要求就用标签提示(标签展示出来后对document绑定click,点击后隐藏标签)并使输入栏获得焦点。就这样一个小功能我调试了、3个多小时,IE...

    jquery移除button的inline onclick事件(已测试及兼容浏览器)

    } 现在要在点击按钮以后,移除onclick事件,并为按钮绑定一个新的click事件。在第二次点击时候,就开始执行第二个事件处理函数,第二个处理函数的代码: reclick的代码: 代码如下: function reclick() { aler

    jQuery完全实例.rar

    而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整形)。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' ...

    knockout.feedbackButton:带有视觉反馈的按钮的KnockoutJS绑定

    按下按钮已发生并触发了一些事件在此阶段按钮被禁用 活动成功 活动失败 活动已准备就绪,可以再次尝试(如果适用) 执行 像这样给您的按钮提供feedbackButton的数据绑定。 例如, do参数可能是某些AJAX调用的发起者...

    JQuery实现图片轮播效果

    4,设置setInterval,定时执行切换函数 代码说明: filter(“:visible”) :获取所有可见的元素 unbind():从匹配的元素中删除绑定的事件 siblings:取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素...

    豆瓣网的jquery代码实例

    在文档加载完毕后将执行的方法(参见jquery文档) 一般来说文档加载的时候应该绑定所有的事件, 但是有一种情况例外. 比如 通过Ajax方法取回来的内容里面还含有动作按钮的,这时需要针对这部分功能执行绑定. 代码...

    jquery上传插件

    before:function (file, $this) { //上传之前执行的函数,如果return false,则上传动作终止 console.log(file); // file 上传文件的信息 console.log($this); //当前点击按钮(点击触发上传事件的元素) }, ...

    基于JQuery的实现图片轮播效果(焦点图)

    点击相应的按钮,用fadeOut,fadeIn方法显示图片 4,设置setInterval,定时执行切换函数 【代码说明】 filter(“:visible”) :获取所有可见的元素 unbind():从匹配的元素中删除绑定的事件 siblings:取得一个包含匹

    分析JS单线程异步io回调的特性

    在这个过程中,我们在dom上绑定一个事件回调函数 比如 onclick=”doCheck()” 这个过程就是给dom元素注册了一个click 事件,并且绑定了一个事件回调函数 doCheck(). 当鼠标点击这个元素的时候,触发了事件,马上执行事件...

    homework-05-work-day-scheduler

    我将jquery用于与所有保存按钮绑定在一起的单击事件侦听器。 日历条目将保存到本地存储中,并在页面加载时显示。 我将Bootstrap Grid用于页面布局,并将Bootstrap类用于Flexbox,颜色和页边距。 该应用程序是...

    jQuery 仿必应的首页效果

    <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"> *{margin:0;padding:0;list-style:none} body{background:#B2BDC4; font-size:12px} .mbox{margin:100px ...

    angular 实时监听input框value值的变化触发函数方法

    一开始是用的jquery的方法做的,后来发现刷新当前页可以实现效果,但是当经过路由跳转后再回到登陆页后,方法就被执行了。 后来经过查找资料,利用angular.js的$watch方法解决了。 代码大概如下: $scope.input = ...

    ExtAspNet_v2.3.2_dll

    -GetConfirmFormModifiedHideReference的函数中的ConfirmFormModified简化为Confirm,所以此函数更名为GetConfirmHideReference。 -增加两个属性EnableConfirmOnClose(默认false),CloseAction(Hide, ...

    xheditor-1.1.14

    说明:这个函数执行时返回的值为上传程序返回的msg变量,可能为字符串或者数组,若为字符串则直接代表url,若是数组,则必需包含一个url的变量,其它可由可开发者自定义 备注:1.0.0 beta2新添加 plugins:自定义...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -GetConfirmFormModifiedHideReference的函数中的ConfirmFormModified简化为Confirm,所以此函数更名为GetConfirmHideReference。 -增加两个属性EnableConfirmOnClose(默认false),CloseAction(Hide, ...

    精通AngularJS part1

    jQuery与AngularJS39 苹果与橙子40 窥视未来41 14总结41 第2章构建与测试43 21介绍示例应用44 熟悉问题领域44 技术栈45 持久化存储46 MongoLab46 服务器端环境47 第三方JavaScript库48 BootstrapCSS48 ...

Global site tag (gtag.js) - Google Analytics