類用加樣式, ID加動(dòng)作。因?yàn)轭惪梢杂煤芏啻?js代碼不能確定標(biāo)簽

比如

<div?class='className'>....</div>
<div?class='className'>....</div>

<script>
??document.querySelector('.className');
</script>

id具有唯一性，W3C中文的解釋“id 屬性只能在每個(gè) HTML 文檔中出現(xiàn)一次”。HTML頁(yè)面的動(dòng)態(tài)一些是通過(guò)js實(shí)現(xiàn)的

<div?id='alert'>
????<div?class='title'>自定義彈窗</div>
????<div?class='text'>自定義彈窗內(nèi)容。。。。。</div>
</div>

<input?type='button'?onclick='MyAlert()'?value="顯示隱藏"/>

<script>
????function?MyAlert(){
????????var?MyAlert?=?document.querySelector('#alert');
????????Display?=?MyAlert.style.display;
????????MyAlert.style.display?=?(Display=='none')???'block':'none';
????}
</script>

class類可以多次使用，一個(gè)class類可以多次使用在不同標(biāo)簽，這樣如果多個(gè)標(biāo)簽都是一個(gè)樣式的話，只要在多個(gè)標(biāo)簽里寫(xiě)入這class類名就能省掉好多功夫。id在一個(gè)文檔里只能用一次，一般用來(lái)在js等框架中獲取標(biāo)簽。

老師用的都是類，大概是為了表現(xiàn)出通用性，表示這個(gè)樣式表可以給所有相同類名的塊使用，而ID選擇器的話，就只能使用一次，如果有要使用相同樣式的標(biāo)簽就得再加一個(gè)不同的ID名并再寫(xiě)一次樣式，這樣很沒(méi)有效率，應(yīng)該是想表達(dá)這個(gè)意思。而且類名的定義比較規(guī)范的話，不論是不是新手都很通用吧。