javascript – jQuery中的.bind(‘click’)和.click()之间有什么区别？

在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*/
});