gpt4 book ai didi

javascript - jQuery 事件性能 : Bind a single event on parent or individual events on each child?

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:00:05 26 4
gpt4 key购买 nike

我有一个包含大量子 div 的 div(大约 4k-5k!)。每个 child 都有一个 'mousedown''mouseup' 事件附加到它。

我是否应该将这些事件附加到父级并使用 $(e.target) 选择子级?会有任何性能优势吗?如果有,为什么?

最佳答案

我会想象使用 jquery.on()会很理想。

$("#divWithHugeAmountsOfChildDiv").on("mousedown", 
".childCLASSEStoMouseDown",
function()
{
alert("Booya!");
});

您的 html 可能看起来像:

<body>
<!-- lots of other elements -->
<div id="divWithHugeAmountsOfChildDiv">
<!-- lots of different type of elements -->
<div class="childCLASSEStoMouseDown">Booya?</div>
<!-- lots of different type of elements -->
</div>
<!-- lots of other elements -->
</body>

根据需要更改 jQuery 选择器...

On 方法的 jQuery 文档中很好地解释了原因。

关于javascript - jQuery 事件性能 : Bind a single event on parent or individual events on each child?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10020061/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com