在jquery select类名与id's

Which one is best for performance in jquery select class names vs id's

本文关键字:id jquery select      更新时间:2024-06-02

我有手风琴菜单的div,每个菜单都有类似的id

<div id='sampe_1' class='sample'></div>
<div id='sampe_2' class='sample'></div>
<div id='sampe_3' class='sample'></div>
<div id='sampe_100' class='sample'></div>

用于展开和折叠为了找到所有div,我使用以下两种方法

$("div[id^='sample_']");我得到了所有100个div no I循环100次并点击事件

类名为的直接点击事件

$('.sample').on('click');

在以上两者中,哪一个最好或任何更好的过程

在这种情况下,$('.sample').on('click');会更快,因为对于id,必须为每个元素执行RegEx,而对于class,只为该类收集每个元素。因此,当bindingclick事件和DOM element事件时不发生比较。