В чем разница между ".click (..." и ".bind ('click ..." (простым английским языком)?

Question

Я хотел бы знать разницу между этим:

$('#foo').click(function() {
  alert('User clicked on "foo."');
});

и этим

$('#foo').bind('click', function() {
  alert('User clicked on "foo."');
});

(я читаю документацию, но все еще не получаю ее).

Answer 1

$().click(fn) и $().bind('click', fn) идентичны на первый взгляд, но версия $.bind более мощная по двум причинам:

• $().bind() позволяет назначить один обработчик нескольким событиям, например, $().bind('click keyup', fn).
• $().bind() поддерживает события пространства имен - мощная функция, если вы хотите удалить $().unbind) только определенные обработчики событий, с которыми связан элемент.

Answer 2

Разницы нет, но вы можете связать более одного обработчика событий за один раз, используя bind

$('#foo').click(function(){}) при срабатывании вызовет

$('#foo').bind('click', function() {})

Итак

$('#foo').click(function() {
  alert('User clicked on "foo."');
});

и это

$('#foo').bind('click', function() {
  alert('User clicked on "foo."');
});

означает то же самое.

Другое использование связывания:

$('#foo').bind('click mouseover focus', function() {
  alert('User clicked on "foo."');
});

Надеюсь, это поможет.

Answer 3

Метод bind () присоединяет один или несколько обработчиков событий для выбранных элементов и указывает функцию, которая запускается при возникновении события. Функция click () не связывает несколько обработчиков событий. Метод click () запускает событие click или присоединяет функцию, запускаемую при возникновении события click.

$( "#button1" ).bind({
click: function() {
Do something on click
},
mouseenter: function() {
// Do something on mouseenter
}
});

и

$('#button1').click(function() {
alert('User clicked on button');
});