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

Question

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

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

这个是有区别的。
1、首先说两者是属于不同的两门语言，jQuery是属于js的一个框架，则其选择器是js里面的选择器，css是另一门不同于js的语言，其选择器是css选择器，则两者在根本上是不同的。
2、但是两者是有交集的，都是作为网页或者浏览器解析的语言，而js可以通过修改浏览器的dom对象来实现对css修改或者是控制。
3、可以简单的这样区分两者，css选择器用语css当中，js选择器应用于js当中，只不过有时两者使用相同的id标识来选择对象。