`$(document).on("click","a"和`$("a")之间的区别.click(`

Question

任何人都可以告诉我这两个脚本之间有什么区别,我不是javascript/jquery专家.

$(document).on("click", "a", function () {
    i = $(this).data("value");
    alert(i)
})

$("a").click(function () {
    i = $(this).data("value");
    alert(i)
});

Answer 1

$(document).on("click", "a", function () {将事件绑定在绑定事件时a不存在的元素上.这称为事件委托.

事件委托允许我们将单个事件侦听器附加到父元素,该元素将为匹配选择器的所有后代触发,无论这些后代现在是存在还是将来添加.

而$("a").click(function () {事件只会将事件绑定到aDOM中存在的元素.