ID和CLASS之间的区别

1.背景介绍 

2.知识剖析

（1）什么是ID？

  从语义上来说，id是Identity的简写，Identity 是身份的意思，比如我们的身份证就叫做id-card。在html中，id是设置标签的标识，使用方法是：

    <div id="id名称"></div>

    #id名称{样式声明}<!--这是在CSS中的用法--> document.getElementById("id名称")<!--这是在js中的用法-->

    $("#id名称")<!--这是在jQuery中的用法-->

（2）ID一般用来干什么？

  1.在css中，用id为元素设置单独的，特殊的样式

  2.在JS中，使用id为特定的标签设置特定的行为

  3.在jQuery中，使用id为特定的标签设置特定的行为

（3）什么是CLASS？

1.从语义上来说，class是类别的意思，他表示的是具有共同特点的东西，比如我们说我们是一类人，就是说我们有相同的特点。

2.在html中，我们用class为标签设定一个可以复用的标识，具有同样class的标签就会有相同的特点，使用方法：

 <div class="class名称"></div>

 .class名称{样式声明}<!--这是在CSS中的用法，注意名称前面有一个点-->

 document.getElementsByClassName("class名称")<!--这是在js中的用法-->

 $(".class名称")<!--这是jQuery中的用法-->

（4）CLASS的作用

1.在css中，用class来定义那些可复用的样式，然后可以套给多个结构/内容。

2.在JS中，获取到的class将是一个数组，在使用的时候要特别注意！

3.在jQuery中，获取到的class将是一个对象

3.常见问题

 ID和CLASS的区别？

4.解决方案

 ID和CLASS的区别:

1.在html中，一个id名称只能出现一次，原因可以这样理解：在一个房间里面有两个人都叫同样的名字，那么我们光凭名字很难区分出他们，所以我们在写css样式的时候，一般都是用class来写样式的名称

2.介于id的唯一性，在js中，我们一般都使用id来获取我们需要为其添加行为的元素

 总结：

在一般情况下：

我们利用class来为元素添加样式----css

我们利用id来为元素添加行为----js/jQuery

ID和class在js中使用兼容性：ID基本上兼容所有的浏览器，而class不兼容IE6，7，8

5.编码实战

6.扩展思考

 属性的优先级问题：

ID的优先级要高于CLASS，ID的权值是100，CLASS的权值为10

7.参考文献

 参考一：https://segmentfault.com/q/1010000006206259：html中，id属性和class属性有什么区别？

8.更多讨论

 ID和CLASS在什么情况下使用比较好？