jquery 性能- $(document).on('click','. dynamic-elem')|vs| $('#closest_fixed_parent').on('click ','. dynamic-elem')?

hts6caw3  于 2023-06-29  发布在  jQuery
关注(0)|答案(1)|浏览(107)
$(document).on('click', '.closebtn', function () {
    $($(this).data("target")).hide();
});

VS

$('#closest_fixed_parent').on('click', '.closebtn', function () {
    $($(this).data("target")).hide();
});

它们之间有多大的区别?我应该严格遵守吗? (因为使用$(document)比设置/查找最近的父选择器要容易得多)
**补充:**如果我有很多这样的事件,是否值得使用同一个元素$(document)?假设所有事件处理程序都添加到单个元素document中?或者,所有的处理程序都在单独的示例上工作吗?

ubby3x7f

ubby3x7f1#

好吧,即使这些操作在现代浏览器中真的很快,最好在元素上添加事件侦听器,这样引擎就不必遍历所有节点并附加事件。
js benchmark

相关问题