在使用jQuery时,我应该使用比ID更多的类吗?

时间:2016-02-23 21:08:45

标签: javascript jquery html

作为一名新的Web开发人员,我一直在利用StackOverflow等大量资源来帮助我进行学习和开发。

使用jQuery时,到目前为止我遇到的所有示例/响应都只引用了类,如下所示:

$('.yourClass')

而不是

$('#yourID')

看到类引用似乎是趋势(我老实说没有找到一个作者将jQuery写入ID),使用ID的w是否有任何陷阱我应该注意/ jQuery或JS一般?谢谢!

编辑1:我知道ID用于单项,类用于访问多个项目。我更感兴趣的是为什么我没有看到任何引用ID的jQuery或JS示例。谢谢!

5 个答案:

答案 0 :(得分:1)

你必须根据具体情况询问每位作者,但通常在创建示例时,使用的选择器并不重要;重要的是你有一个可以调用方法的jQuery集合。

通过在示例中使用类选择器,您可以避免新手开发人员声称您的插件在尝试在具有相同ID的多个元素上使用它时不起作用。您的示例用于显示如何在一个或多个元素上使用它,而不仅仅是一个元素。

答案 1 :(得分:0)

人们喜欢使用类,因为ids 在整个页面中都是唯一的。当试图制作可重复使用的可插拔组件时,id会使这无法实施。

例外:新的Web组件标准允许您将ID封装到您的组件中。

答案 2 :(得分:0)

ID必须是唯一的,您只能拥有一个(如高地人)。

类用于标识对象的“类型”而非特定对象。

强制性汽车类比:
ID是一个牌照,对于一个特定的东西是独特的#345-abc
该类涉及像.truck

这样的整个类别

请注意,像$(“。something”)这样的选择器实际上能够生成DOM元素列表;因为它会选择所有带有“something”类的DOM元素

ID选择器$(“#unique”)只返回一个元素

答案 3 :(得分:0)

首先考虑您的HTML和CSS。

使用类

如果您有多个HTML元素,其外观,感觉和行为都相同,那么强烈建议使用类来表示其风格和行为。

示例:表格上的行或列,导航按钮以完全相同的方式显示动画,包装到整个网站中具有相同大小的图像等。

使用ID

但是,如果您有一个唯一HTML元素,它代表您某个网页中的特定内容或状态或操作,那么该元素应包含ID。

示例:弹出模式,一个独特的按钮,您网站上的独特部分,您可以通过他们的ID等导航到这些部分。

然后,您可以在JavaScript和jQuery或其他任何您喜欢使用的内容中使用此行为。

<强> Further reading

答案 4 :(得分:0)

我知道您完全了解我们为什么要使用ID或类。 但是,这里给出的绝大多数答案都在考虑项目背景。

所以,让我们说编辑一个链接到整个项目范围的.js文件,这里的想法是尽可能重用,这就是为什么你会看到比ID更多的类引用。很难维护一个项目js文件,该文件引用了国外不同的ID项目。 同样的事情将适用于CSS。

我希望答案已经足够,可以自由发表评论或建议。 : - )