Javascript id和js-…之间的区别是什么。。对于css中的js apeel?
这个问题与该条有关。 这些方法的区别和优势是什么Javascript id和js-…之间的区别是什么。。对于css中的js apeel?,javascript,css,Javascript,Css,这个问题与该条有关。 这些方法的区别和优势是什么 <div class="do-launch-login">...</div> <a class="do-close-modal">...</a> <input class="do-autocomplete" /> 。。。 ... 及 。。。 ... 就我个人而言,我为我的web应用程序动态生成了很多动态HTML。因此,我尽量不使用ID,因为我创建了相同HTML对象的多个实例 有一
<div class="do-launch-login">...</div>
<a class="do-close-modal">...</a>
<input class="do-autocomplete" />
。。。
...
及
。。。
...
就我个人而言,我为我的web应用程序动态生成了很多动态HTML。因此,我尽量不使用ID,因为我创建了相同HTML对象的多个实例
有一个ID的副本被认为是可怕的做法,所以我总是使用类名作为选择器
但那只是我。Id只能用于一件事。然而,一个类可以被赋予许多不同的东西。
你可以很容易地用谷歌来进行更深层次的回答 一些考虑在CSS中使用ID是一个坏的实践,因为:
引用自作者称之为
do-
前缀,我称之为(并将其用作)js-
或jQ-
前缀。Javascript在DOM操作中有一整套可能的应用程序。。。而不仅仅是一个
do-
这些前缀表示JS专门使用的类,意味着您无法在例如:
style.css
中找到它们,而是作为script.JS
中某些Javascript逻辑的一部分另外,您不能多次使用ID因为每个页面的ID都应该是唯一的,所以在任何情况下,类都应该添加前缀以区分其应用程序。
(嗯…
do-
…看起来还是很有趣。)
<div id ="login" class="launch-login">...</div>
<a id="close" class="close-modal">...</a>
<input id="autocomplete" class="clautocomplete" />