看黑老师,一个id选择器都没用,是因为什么呢?建议新手也这样吗?
类用加样式, ID加动作。因为类可以用很多次,js代码不能确定标签
比如
<div class='className'>....</div> <div class='className'>....</div> <script> document.querySelector('.className'); </script>
id具有唯一性,W3C中文的解释“id 属性只能在每个 HTML 文档中出现一次”。HTML页面的动态一些是通过js实现的
<div id='alert'> <div class='title'>自定义弹窗</div> <div class='text'>自定义弹窗内容。。。。。</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等框架中获取标签。
老师用的都是类,大概是为了表现出通用性,表示这个样式表可以给所有相同类名的块使用,而ID选择器的话,就只能使用一次,如果有要使用相同样式的标签就得再加一个不同的ID名并再写一次样式,这样很没有效率,应该是想表达这个意思。而且类名的定义比较规范的话,不论是不是新手都很通用吧。