class (Object) vs id

class (Object) vs id

本文关键字：vs id Object class      更新时间：2023-09-26

在web开发过程中，我遇到了许多问题并解决了它，但这些问题给了我一个想法，我想分享，想知道你的观点。

哪一个是有效的Class Or ID:两者都有自己的规范，但我认为类比ID更方便(如果你正在处理数千个ID)。我知道Id对于DOM遍历非常有效，但如果有数百个带有Id的元素，该如何管理呢?

Using 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

我喜欢我的一位经理提出的一些指导方针，我想在这里提一下:

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

使用ID:

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

典型ID示例:

  • 大型集装箱div为整个页面的各个部分("#interior"，"#全球地位"、"#树容器")
  • 具有特殊名称的链接或按钮目的("#add-new-report"，"# preview-popup")

使用一个类:

  • 元素可以出现多次在同一文档。
  • 所需的样式或JS行为是通用的，是适用的

典型类例:

  • 可重用接口模式("。操作链接"、".title-bar",".h1-with-border")
  • 元素("。电流选择"、".highlighted")

您应该遵循以下一般准则:

2)当你需要许多元素共享一些共同的行为，或者当你目前只有一个元素，但你不确定将来是否会有更多的元素具有相同的行为时，使用一个类。

1)当元素需要唯一标识并且您确定只有一个元素时使用Id(考虑将来的代码更改)。不应该有两个或两个以上的元素具有相同的id。

希望这对你有帮助。欢呼声

相关文章：