javascript - (jQuery) 选择 document.body 而不是父元素

Question

这部分代码是来自此question的答案.

$(document.body).on('change', 'select[name^="income_type_"]', function() {
    alert($(this).val());
});

我有两个问题，第一个问题是。选择'document.body'而不是选择select的父元素是否存在性能问题？像这样的东西。

第二个问题是。当放置Parent元素而不是document.body时，它的功能会像'$.live()'吗？

$("#IdOfParentHere").on('change', 'select[name^="income_type_"]', function() {
    alert($(this).val());
});

谢谢!

Answer 1

将事件处理程序附加到主体而不是父元素时，可能会对性能产生影响(但影响不大)。

以您尝试委托(delegate)点击事件为例，您真正想要的是处理静态 ul 元素中动态创建的 li 元素。在事件委托(delegate)中，当事件发生在附加元素内时，将根据委托(delegate)选择器评估事件目标，以查看是否触发处理程序。在这种情况下，如果事件附加到 ul，则仅需要测试 ul 内的事件，但如果处理程序附加到正文，则必须测试页面中的所有点击。

l ive()方法将处理程序附加到文档对象，所以是的，它将与此类似。

This method provides a means to attach delegated event handlers to the document element of a page, which simplifies the use of event handlers when content is dynamically added to a page.