Javascript 在jquery选择类名与id';s

Javascript 在jquery选择类名与id';s,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一份手风琴菜单,每个都有自己喜欢的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> 在以上两种情况下,哪一种是最好的

我有一份手风琴菜单,每个都有自己喜欢的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>

在以上两种情况下,哪一种是最好的或任何更好的流程,在本例中是
$('.sample')。在('click')
会更快,因为id为的情况下,必须为每个元素执行正则表达式,而对于
而言,仅为该类收集每个元素。因此,当
click
事件绑定到
DOM元素

时,不会发生比较。如果需要,也可以执行
$(“div[id^='supplier'])。。。但是如果类是唯一的,我会选择@Arun P Johny what if click事件作为该div下的子元素,比如$('.sample samplechild')。问题是该代码是否运行多次;如果只运行一次,那么无论您选择哪种方法都不会有太大的影响(假设页面不是很大)。使用类更有意义,因为您希望将事件应用于一组DOM节点。1) 它更具可读性,2)更好performance@jack我多次使用它jQuery可能会优化表达式以使用
getElementsByTagName()
,然后使用正则表达式过滤它们,所以它不一定检查所有元素。@Jack:使用基于元素的标记名进行选择的方法,仅通过类进行选择当然不能进行优化…@CBroe我不认为是这样。@Jack啊,你的意思是关于原始的
div[id^='sample']
,我明白了。
$('.sample').on('click');