javascript - 2个jquery代码之间的差异

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 8 年前。

Improve this question

所以，任何人都知道这之间有什么区别:

$(document).on("click", "sometag", function () {

});

和:

$("sometag").on("click", function () {

});

??

Answer 1

第一个是 event delegation

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

$(document).on("click", "sometag", function () {

});

正常点击:将一个或多个事件的事件处理函数附加到所选元素。

$("sometag").on("click", function () {

});

示例代码

HTML

<buton>on normal click
    </button>

JS

$("button").on("click", function () {  // it does not work dynamically created element,only static (when dom is loaded )

    $("body").append("<div>delegatin</div>");
    alert("normal");
});

$("body").on("click", "div", function () { // it will work dynamically created dom 
    alert("delegation");
});

**

DEMO

**