在jQuery中的两个以下语句之间有什么不同:
1)with .bind
$("#username").bind('click',function(){ //@todo });
2)没有.bind()
$("#username").click(function(){ //@todo });
那么,当我需要使用其中之一?
解决方法
没有区别.如果您阅读了
.click
的文档,您将注意到以下行:
This method is a shortcut for .bind(‘click’,handler)
您可以通过快速查看jQuery source:
function (data,fn) { if (fn == null) { fn = data; data = null; } //Notice the call to bind on the following line... return arguments.length > 0 ? this.bind(name,data,fn) : this.trigger(name); }
我倾向于使用.click over .bind,只因为它写得更快.但是,.bind可以用于将同一个监听器附加到多个事件中,因此在这种情况下是有用的:
$("#something").bind("click mouSEOver",function() { //Do stuff });
要扩展@Tomalak的评论,.bind在使用自定义事件时也很有用.对于几乎任何其他事件,有一个shortcut method就像.click. jQuery源代码如下:
jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " + "mousedown mouseup mousemove mouSEOver mouSEOut mouseenter mouseleave " + "change select submit keydown keypress keyup error").split(" "),function( i,name ) { /*Call .bind for the respective event. There is a shortcut method for each of the events listed above*/ });