请问下jquery的bind的用处

2025-04-28 03:35:01
推荐回答(4个)
回答1:

没啥区别,个人感觉是喜好写法问题,我刚测试了一下,没感觉有啥区别
D1:
$("#btn").bind("click",function(){
alert("test1");
});

$("#btn").bind("click",function(){
alert("test2");
});
D2:
$("#btn").click(function(){
alert("test1");
});

$("#btn").click(function(){
alert("test2");
});

这两个执行效果一样,都会依次弹出来两个对话框

我刚才又研究了一个jquery的源码,诸如click(),dblclick(),mousemove()这样的简单写法的事件绑定的都是调用的this.on( name, null, data, fn ) 这个方法进行事件绑定的,而bind()也同样是调用的这个
bind: function( types, data, fn ) {
return this.on( types, null, data, fn );
},
所以说 click()只是简化写法,而且jquery的文档里也有关于这样的说明
---------------------------- 以下的引用jquery文档的说明 -----------------------------------------
.bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象,比如focus, mouseover, 和 resize,都是可以作为type参数传递进来的。

jQuery还提供了一些绑定这些标准事件类型的简单方式,比如.click()用于简化.bind('click')。一共有以下这些:blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error 。

回答2:

当一个方法没有打印完成时,用绑定事件写在这个方法内,可以同时进行打印和绑定你所要发生的事件,而click事件不能写在这个方法内部,必须写在外面,才能正常运行。

例如:
function searchConditions(){
var strSearch = "

"
+ '
'
+ '
'
+''
+''
+'
'
+ '
'
+ '
'
+'
'
+'
'
+ "
";
$("#P1_div_search_top").html(strSearch);
$("#iIpt_btn_search").bind({
click:function(){
searchList();
}
});
$("#iIpt_txt_search").bind({
keyup:function(event){
if(event.keyCode=="13"){
searchList();
}
}
});
}

这样写不知道你能不能理解?

回答3:

这两个是有区别的,用到的地方不同;
$(#nav a).click(function(){})这个是硬代码;

bind是动态绑定。
如果一个页面的某个元素最初没有点击事件,
直到某一条件达成之后才添加点击事件就需要用到bind函数了

回答4:

自定义事件。bind 主要是用于事件操作的。