каковы различия между на функции() и функции

Question

на функции

$("selector").on("click", function(event){ 
//code to be executed 
}); 

функции связывают

$("selector").bind("click", function(event){ 
//code to be executed 
}); 

Когда использовать на функции и привязки функции особенно Bind()?

Answer 1

и присоединяет обработчик событий к документу ... bind придает обработчик события непосредственно к элементам (не делегаты) .. поэтому привязка не работает для динамически добавленного элемента, в котором, как on делает .. он использует делегирование событий.

с кодами у вас есть .. нет никакой разницы между on и bind here..both делает то же самое (прикрепляет щелчок обработчик к выбранному элементу)

, как к When to use on function and bind function especially?

простого ответа будет,

если вы используете jquery 1.7+. используйте on(), , если ваш элемент добавлен динамически использовать .on().

Answer 2

Из документов:

По JQuery 1.7, метод .on() является предпочтительным способом для прикрепления обработчиков событий к документу. Для более ранних версий метод .bind() используется для привязки обработчика события непосредственно к элементам. Обработчики привязаны к выбранным в данный момент элементам в объекте jQuery, поэтому эти элементы должны существовать в точке, где происходит вызов в .bind(). Для более гибкой привязки событий см. Обсуждение делегирования событий в .on() или .delegate().

bind работает только в том случае, если элемент существует, он привяжет его ко всем элементам, соответствующим селектору. Docs.

$(document).on("click","selector", function(event){ 
//code applies to all elements matching the selector. 
});