Javascript .on（"；click"；，function（）{}）和.click（function（）{}）之间有什么区别？

我通常使用它，因为我知道它是最正确的事件分配，如下所示：

$('selector').on('click', function () {});

但是，我看到许多开发人员使用以下语法：

$('selector').click(function () {});

---

虽然他们告诉我，

.on

是最受推荐的，但我不太明白为什么。那么，在实践中，使用其中一个或另一个有什么区别呢？

基本上就是如何关联元素。单击应用于当前DOM，而.on（使用委派）将继续对事件关联后添加到DOM的新元素有效

哪一种更好，我认为这取决于具体情况

例如：

<ul id="todo">
   <li>Do 1</li>
   <li>Do 2</li>
   <li>To do 3</li>
   <li>Do 4</li>
</ul>

活动日期：

$("#todo").on("click", "li", function () {
   $(this).remove();
});

请注意，我已在.on中分隔了选择器。我会解释原因的

让我们假设，在这种联系之后，让我们做以下工作：

$("#todo").append("<li>Do 5</li>");

$（“#todo”）。追加（“
Do 5
”；

这就是你会注意到差异的地方

如果事件是通过.click关联的，则任务5将不服从click事件，因此它不会被删除

---

如果它是通过.on关联的，并且选择器是分离的，那么它将服从。

这基本上就是如何关联元素的。单击应用于当前DOM，而.on（使用委派）将继续对事件关联后添加到DOM的新元素有效

哪一种更好，我认为这取决于具体情况

例如：

<ul id="todo">
   <li>Do 1</li>
   <li>Do 2</li>
   <li>To do 3</li>
   <li>Do 4</li>
</ul>

活动日期：

$("#todo").on("click", "li", function () {
   $(this).remove();
});

请注意，我已在.on中分隔了选择器。我会解释原因的

让我们假设，在这种联系之后，让我们做以下工作：

$("#todo").append("<li>Do 5</li>");

$（“#todo”）。追加（“
Do 5
”；

这就是你会注意到差异的地方

如果事件是通过.click关联的，则任务5将不服从click事件，因此它不会被删除

如果它是通过.on关联的，且选择器是分离的，则它将遵守