Question

在网络开发过程中我遇到了很多问题并解决了这个问题，但是这些问题给了我一个想分享的想法并希望了解你的看法。

哪一个是高效的Class Or ID：两者都有自己的规范，但我认为Class比ID更方便（如果你处理成千上万的ID。）我知道Id对于DOM Traversing非常有效，但是如果你有数百个带ID的元素，那么你如何管理呢？

使用CLASS：一个类可以由许多元素派生，并且可以使用"this" object处理各个元素。

我很想知道您的观点或当您有许多具有ID或类名称的元素时如何处理项目/项目

<div class="example" onclick="function click(this);"> </div>  
<div class="example" onclick="function click(this);"> </div> 
<div class="example" onclick="function click(this);"> </div>


    function click(obj){
        alert(obj.classname + "We can access any individual element by using Object");   
       }

<div id="exm_1"> </div> 
<div id="exm_2"> </div> 
<div id="exm_3"> </div> 

but in case of ID, we go through each ID

Answer 1

我喜欢我的一位经理提出的一些指导原则，我想在这里提一下：

从以下常识指南开始，并将它们应用于JavaScript选择器和CSS选择器。

在以下情况下使用ID：

您确定只有元素在整个页面中出现一次。
所需的样式或JS行为是只针对一个区域整页。

典型ID示例：

整个大容器div 页面的部分（“#interior”， “#global-status”，“＃tree-container”）
具有特殊名称的链接或按钮和目的（“#add-new-report”， “＃预览弹出”）

在以下情况下使用课程：

元素有可能在同一个出现多次文献。
所需的风格或JS 行为是一般的，是适用的多个元素。

典型类示例：

可重复使用的界面模式（“。action-links”，“。title-bar”， “.h1-with-border”）
元素状态（“.current-selected”，“。highighly”）

Answer 2

您应遵循以下一般准则：

2）当你需要很多元素来分享一些常见的行为，或者当前只有一个元素但是你不确定将来是否会有更多相同的行为时，使用一个类。

1）当元素需要唯一标识时使用Id，并且您确定只有一个元素（在将来的代码更改中考虑）。永远不应该有2个或更多具有相同id的元素。

希望这会有所帮助。干杯

class（Object）vs id

2 个答案: