在html的规范中,id是一个元素在整个源代码中独一无二的属性,而class做为css选择器,是为元素增加样式的手段,那么例如下面的结构:
<div id = 'out_box'>
<div id='item1' class='item_style'></div>
<div id='item2' class='item_style'></div>
</div>
通过 $('#item1') 取到的就是id=item1的元素,而通过$('.item_style')取到的就是id = item1 和 item2这2个元素的集合,要是item_style的元素只有1个,那么就跟用ID取是一样的。这就是最主要的区别:在元素存在的情况下,id返回一个元素,class返回1个或更多元素。
从性能上来说,id选择要比class选择要更有效率,这也是成为进阶的技能之一,尽量使用id,或者通过$('#id').find('.class')这样的形式来查找,形成习惯后,效率会有一定提升。
温馨提示:内容为网友见解,仅供参考