div中id和class使⽤讲解
在div 标签中，我们⽐较常见的属性是id 和class，那么这两个属性有什么区别吗？今天就来看看这两者的区别。其实id 和class是⼤部分标签都有的属性。其作⽤是让CSS或者JavaScript到DOM元素并操作。
⾸先看看这两个属性在html中是如何使⽤的。
<div id="loading"> </div>
<div class="icon"> </div>
解释上⾯的代码，
id="loading"，意思是定义了⼀个id，它的值是“loading”；
class="icon" 意思是定义了⼀个类，它的类名是“
icon”；
PS:
“
loading
”和“icon”的是⾃定义的值，命名规范都要遵守相应的命名规则，这个请⾃⾏查阅。
那么这两个属性是使⽤的时候有什么区别吗？什么时候⽤id？什么时候⽤class呢？请看下⽂。
1.定义区别。
(1).id具有唯⼀性，在⼀个⽹页中只能定义⼀次；
(2).class命名的类，可以出现多次。
2.使⽤区别。
cssclass属性(1).id在CSS中是以“#”开头的命名的；
(2).class在css中是以“.”开头命名的；
PS：
1.⼀般来说，id是元素的唯⼀代号，给某个元素赋予⼀个id后，通常不会再有其他元素有⼀样的id。CSS和JavaScript可以使⽤id来单独操作某⼀个元素;⽽class是⼀组（多于⼀个）元素的共同代号，通常⽹页中会有⼀组元素具有⼀样的class。CSS和JavaScript中对某个class 的操作会反映到每⼀个对应的元素上。
2.ID是⼀个标签，⽤于区分不同的结构和内容，就象名字，如果⼀个屋⼦有2个⼈同名，就会出现混淆；class是⼀个样式，可以套在任何结构和内容上，就象⼀件⾐服；
从概念上说就是不⼀样的：id是先到结构/内容，再给它定义样式；class是先定义好⼀种样式，再套给多个结构/内容。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。