jquery的class选择器和ID选择器的区别是什么

Question

如题所述

Answer 1

在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')这样的形式来查找，形成习惯后，效率会有一定提升。

Answer 2

class选择器获取到的是一类对象的集合，ID选择器是获取一个对象，好比姓张的人可能是N个，而shenFen证为XXXXXXXXXXX的人就是一个。