ID和Class有什麼區別？
這裡是修真院前端小課堂，每篇分享文從
【背景介紹】【知識剖析】【常見問題】【解決方案】【編碼實戰】【擴充套件思考】【更多討論】【參考文獻】
八個方面深度解析前端知識/技能，本篇分享的是：
【ID和Class有什麼區別？】
-
一、背景介紹 HTML頁面中的元素實現一對一，一對多或者多對一的控制，這就需要用到CSS選擇器。 HTML頁面中的元素就是通過CSS選擇器進行控制的。本次講的id和Class就是id選擇器和類選擇器。
-
二、知識剖析 什麼是ID 從語義上來說，id是identity（ai'dentiti）的簡寫，identity是身份的意思，比如我們的身份證就叫做id-card。 在html中，id是設定標籤的標識，使用方法 #id名稱{樣式宣告} document.getElementById("id名稱") $("#id名稱") ID的作用 id屬性規定HTML元素的唯一的id。 id在HTML文件中必須是唯一的。 id屬性可用作連結錨（link anchor），通過JavaScript（HTML DOM）或通過CSS為帶有指定id的元素改變或新增樣式 什麼是CLASS 從語義上來說，class是類別的意思，他表示的是具有共同特點的東西，比如我們說我們是一類人，就是說我們有相同的特點。 在html中，我們用class為標籤設定一個可以複用的標識，具有同樣class的標籤就會有相同的特點： class名稱{樣式宣告} document.getElementsByClassName("class名稱") $(".class名稱") CLASS的作用 在css中，用class來定義那些可複用的樣式，然後可以套給多個結構/內容。 在JS中，獲取到的class將是一個數組，在使用的時候要特別注意！
-
三、常見問題 ID和class的區別 ID和class的優先順序
-
四、解決方案 ID和CLASS的區別 class是設定標籤的類，用於指定元素屬於何種樣式的類。在CSS樣式中以小寫的“點”及“.”來命名 id是設定標籤的標識。用於定義一個元素的獨特的樣式。在CSS樣式定義的時候 以“#”來開頭命名id名稱 class可以重複，id是唯一的 ID和CLASS的優先順序 通過繼承來的屬性id的優先順序高於class 一個元素同時應用多個class，後定義的優先（即近者優先），加上!important者最優先！
-
編碼實戰
-
六、拓展思考 在一般情況下：我們利用class來為元素新增樣式----css 利用id來為元素新增行為----js/jQuery
-
七、參考文獻 CSS 的 ID 和 Class 有什麼區別
-
八、更多討論 1、id和class有什麼區別 class是設定標籤的類，用於指定元素屬於何種樣式的類。在CSS樣式中以小寫的“點”及“.”來命名 id是設定標籤的標識。用於定義一個元素的獨特的樣式。在CSS樣式定義的時候 以“#”來開頭命名id名稱 class可以重複，id是唯一的 2、id和class的優先順序 通過繼承來的屬性id的優先順序高於class 一個元素同時應用多個class，後定義的優先（即近者優先），加上!important者最優先！ 3、什麼是id？什麼是class？ id：從語義上來說，id是identity（ai'dentiti）的簡寫，identity是身份的意思，比如我們的身份證就叫做id-card。 在html中，id是設定標籤的標識，使用方法 #id名稱{樣式宣告} document.getElementById("id名稱") $("#id名稱") class：從語義上來說，class是類別的意思，他表示的是具有共同特點的東西，比如我們說我們是一類人，就是說我們有相同的特點。 在html中，我們用class為標籤設定一個可以複用的標識，具有同樣class的標籤就會有相同的特點： class名稱{樣式宣告} document.getElementsByClassName("class名稱") $(".class名稱")
更多內容，可以加入IT交流群565734203與大家一起討論交流
這裡是技能樹·IT修真院：http://www.jsnhu.com，初學者轉行到網際網路的聚集地