Слушатели событий JQuery соответствуют случаям

Question

Раньше я работал с jquery для обработки событий на веб-страницах.В последние несколько дней я столкнулся с проблемой инициализации событий.

Я добавляю простой пример, чтобы прояснить свой вопрос.Сейчас мы рассмотрим событие click.

Для события клика <div id="ex"></div> я обычно пишу что-то вроде

Метод 1

$('#ex').click(function(e) {
  //code
});

а также я знаю, что мы можем написать:

Метод 2

$('#ex').on('click', function(e) {
  //code
})

Метод 3

$(document).on('click', '#ex', function(e) {
  //code
})

Теперь проблема в том, что я видел, что только несколько событий элемента работают только для метод 3 .В то же время у меня есть метод 1 и метод 2 для других элементов в том же файле, они работают отлично.Но только несколько элементов и не следуя методу 1 и 2.

В чем может быть причина?Это связано с моим CSS?Как я могу понять, где использовать метод 1 и метод 2 и метод 3?

Answer 1

1. Когда элемент уже существует в DOM, вы можете использовать первый метод.
2. Если вы хотите прикрепить несколько событий, таких как щелчок, синий и т. Д., Вы можете использовать второй метод.
3. Когда ваш элемент не существует в dom, но он динамически внедряется в dom, тогда вы можете использовать третий метод.