?1.背景介紹
HTML頁面中的元素實現(xiàn)一對一，一對多或者多對一的控制，這就需要用到CSS選擇器。
HTML頁面中的元素就是通過CSS選擇器進行控制的。本次講的id和Class就是id選
擇器和類選擇器。
2.知識剖析
什么是ID？
從語義上來說，id是identity（ai'dentiti）的簡寫，identity是身份的意思，比如我們的身份證就叫做id-card。
在html中，id是設(shè)置標簽的標識，使用方法是：
#id名稱{樣式聲明}
document.getElementById("id名稱")
$("#id名稱")
ID的作用？
id屬性規(guī)定HTML元素的唯一的id。
id在HTML文檔中必須是唯一的。
id屬性可用作鏈接錨（link anchor），通過JavaScript（HTML DOM）或通過CSS為帶有指定id的元素改變或添加樣式
ID的作用？
id屬性規(guī)定HTML元素的唯一的id。
id在HTML文檔中必須是唯一的。
id屬性可用作鏈接錨（link anchor），通過JavaScript（HTML DOM）或通過CSS為帶有指定id的元素改變或添加樣式
什么是class？
1.從語義上來說，class是類別的意思，他表示的是具有共同特點的東西，比如我們說我們是一類人，就是說我們有相同的特點。
2.在html中，我們用class為標簽設(shè)定一個可以復(fù)用的標識，具有同樣class的標簽就會有相同的特點：
class名稱{樣式聲明}
document.getElementsByClassName("class名稱")
$(".class名稱")
class的作用
1.在css中，用class來定義那些可復(fù)用的樣式，然后可以套給多個結(jié)構(gòu)/內(nèi)容。
2.在JS中，獲取到的class將是一個數(shù)組，在使用的時候要特別注意！
3.常見問題
1.ID和class的區(qū)別
2.ID和class的優(yōu)先級
3.同一頁面使用相同的id會怎樣
4.解決方案
（1）.ID和class的區(qū)別
id是一個標簽，用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容，就像人的名字，如果一個房間內(nèi)有2個人同名，在老師點名的時就會出現(xiàn)混淆；
class是一個樣式，可以用在任何結(jié)構(gòu)和內(nèi)容上，就像一件衣服；
（2）.ID和class的優(yōu)先級
通過繼承來的屬性id的優(yōu)先級高于class
CSS的優(yōu)先級順序:? tag中的style? >? id? ? >? ? class? >繼承的屬性
一個元素同時應(yīng)用多個class，后定義的優(yōu)先（即近者優(yōu)先），加上!important者最優(yōu)先！
（3）.同一頁面使用相同的id會怎樣
不能通過W3的校驗。在頁面顯示上，目前的瀏覽器還都允許你犯這個錯誤，用多個相同ID
“一般情況下”也能正常顯示。但是當你需要用JavaScript通過id來控制這個div，那就會出現(xiàn)錯誤。
5.總結(jié)
在一般情況下：
我們利用class來為元素添加樣式----css
我們利用id來為元素添加行為----js/jQuery
6.參考文獻
參考一：html中，id屬性和class屬性有什么區(qū)別？
參考三：CSS的ID和Class有什么區(qū)別？如何正確使用它們？
