В чем разница в привязке событий в jQuery?

Question

[unfapable]

Есть ли какая-нибудь разница между разными способами привязки событий? В смысле эффективности, быстродействия, правильности?

$('.specific-ul li').on('click', function()){}
$(''.specific-ul').on('click', 'li', function()){}
$(document).on('click', ''.specific-ul li', function()){} или $('body').on('click', ''.specific-ul li', function()){}

Answer 1

[WebDev]

$('.specific-ul li').on('click', function()){} находит элементы на момент инициализации, элементы, добавленные динамически, таким обработчиком обрабатываться не будут, в отличие от $(''.specific-ul').on('click', 'li', function()){}.
Первый, соответственно, быстрее.

$(document).on('click', ''.specific-ul li', function()){} или $('body').on('click', ''.specific-ul li', function()){}

$('body') не совсем корректно, если вы ищете в глобальной области. body может и не быть, а document - есть всегда.
Поэтому, если вам нужно делать выборку из всего документа, то лучше использовать document.

Comments

[unfapable]

По идее тогда $('.specific-ul li').on('click', function()){} будет быстрее чем (document).on('click', ''.specific-ul li', function()){} ?

[WebDev]

unfapable: Да

[Алексей Уколов]

Забудьте про скорость, вы никогда в жизни в неё не упрётесь. Единственное значимое различие указано в ответе - делегирование обработки родительскому элементу или установка обработчика на существующие элементы.

[Александр]

Алексей Уколов: с одной стороны да, а сдругой сторны - если заходят с мобильного устройства(слабое железо)
и если запрос не один, то вполне можно столкнуться с тормозами