作为一名新的Web开发人员,我一直在利用StackOverflow等大量资源来帮助我进行学习和开发。
使用jQuery时,到目前为止我遇到的所有示例/响应都只引用了类,如下所示:
$('.yourClass')
而不是
$('#yourID')
看到类引用似乎是趋势(我老实说没有找到一个作者将jQuery写入ID),使用ID的w是否有任何陷阱我应该注意/ jQuery或JS一般?谢谢!
编辑1:我知道ID用于单项,类用于访问多个项目。我更感兴趣的是为什么我没有看到任何引用ID的jQuery或JS示例。谢谢!
答案 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元素,其外观,感觉和行为都相同,那么强烈建议使用类来表示其风格和行为。
示例:表格上的行或列,导航按钮以完全相同的方式显示动画,包装到整个网站中具有相同大小的图像等。
但是,如果您有一个唯一HTML元素,它代表您某个网页中的特定内容或状态或操作,那么该元素应包含ID。
示例:弹出模式,一个独特的按钮,您网站上的独特部分,您可以通过他们的ID等导航到这些部分。
然后,您可以在JavaScript和jQuery或其他任何您喜欢使用的内容中使用此行为。
<强> Further reading 强>
答案 4 :(得分:0)
我知道您完全了解我们为什么要使用ID或类。 但是,这里给出的绝大多数答案都在考虑项目背景。
所以,让我们说编辑一个链接到整个项目范围的.js文件,这里的想法是尽可能重用,这就是为什么你会看到比ID更多的类引用。很难维护一个项目js文件,该文件引用了国外不同的ID项目。 同样的事情将适用于CSS。
我希望答案已经足够,可以自由发表评论或建议。 : - )