Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript id和js-…之间的区别是什么。。对于css中的js apeel?_Javascript_Css - Fatal编程技术网

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是一个坏的实践,因为:

  • 该元素在该页上不可重复使用
  • 这是向下的精神进入专一性的开始
  • 通常,ID指的是特定的东西,抽象起来很困难
  • 通过使用id获得的任何性能提升都会通过在该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" />