類用加樣式, ID加動作。因為類可以用很多次,js代碼不能確定標簽

比如

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

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

id具有唯一性，W3C中文的解釋“id 屬性只能在每個 HTML 文檔中出現(xiàn)一次”。HTML頁面的動態(tài)一些是通過js實現(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類可以多次使用，一個class類可以多次使用在不同標簽，這樣如果多個標簽都是一個樣式的話，只要在多個標簽里寫入這class類名就能省掉好多功夫。id在一個文檔里只能用一次，一般用來在js等框架中獲取標簽。

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