考虑以下标记：
<div class="parent">
<div class="child">
button
</div>
</div>
我需要click在child类的事件上运行一个函数，并且有以下两个选项：
$(".parent").on("click", ".child", function(){....});
和
$(document).on("click", ".child", function(){....});
使用直接parent对象作为目标与document自身之间在性能上有显着差异吗？对我来说，使用document似乎是一个更可靠的选择（例如，如果更改了父类）-仅需确保如果我开始在各处使用此方法，就不会引起问题。
PS的child是动态添加的，parent因此我正在使用.on()
$(".parent").on("click", ".child", function(){....});
将您的click事件仅绑定到文档中存在的类“ .parent”的元素，并且该事件从target（'。child'）冒泡到附加了处理程序的元素。这比将其添加到文档中，将其添加到文档中这样更可取。
$(document).on("click", ".child", function(){....});
使单击事件从文档中的目标起泡，一直发生到正文和文档元素。
正如@Woff所提到的，绑定处理程序不会在删除.parent元素时被删除。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句