jQuery: $ (). click (fn) против $ (). bind ('click', fn);

Question

При использовании jQuery для подключения обработчика событий, есть ли разница между использованием метода click

$().click(fn)

против использования метода связывания

$().bind('click',fn);

Кроме необязательного параметра данных bind.

Answer 1

Для чего стоит, из jQuery источника :

jQuery.each( ("blur,focus,load,resize,scroll,unload,click,dblclick," +
    "mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave," +
    "change,select,submit,keydown,keypress,keyup,error").split(","), function(i, name){

    // Handle event binding
    jQuery.fn[name] = function(fn){
        return fn ? this.bind(name, fn) : this.trigger(name);
    };
});

Так нет, разницы нет -

$().click(fn)

звонки

$().bind('click',fn)

Answer 2

+ 1 для ответа Мэтью, но я подумал, что должен упомянуть, что вы также можете связать более одного обработчика событий за один раз, используя bind

$('#myDiv').bind('mouseover focus', function() {
    $(this).addClass('focus')
});

, что намного чище, эквивалентно:

var myFunc = function() {
    $(this).addClass('focus');
};
$('#myDiv')
    .mouseover(myFunc)
    .focus(myFunc)
;

Answer 3

Существует одно отличие в том, что вы можете связать пользовательские события, используя вторую форму, которая у вас есть. В противном случае они кажутся синонимами. См .: Документация по jQuery

Answer 4

Я считаю, что .click () более логичен, но я думаю, это то, как вы думаете о вещах.

$('#my_button').click(function() { alert('BOOM!'); });

Кажется, все так же просто, как и ты.

Answer 5

Существует параметр [data] связывания, который будет происходить только во время привязки, один раз.

Вы также можете указать пользовательские события в качестве первого параметра связывания.

Answer 6

Я предпочитаю .bind () из-за его согласованности интерфейса с .live () . Это не только делает код более читабельным, но и облегчает изменение строки кода для использования одного метода вместо другого.

Answer 7

Если у вас есть Google Chrome, в его инструментах разработчика есть инструмент прослушивания событий, выберите элемент, за которым вы хотите следить за его событием.

Вы обнаружите, что попытки обоих способов приводят к одному и тому же результату, поэтому они эквивалентны.