jQuery中class和id有什么区别？

Question

jQuery中class和id有什么区别？例如：

<span class="lalal"></span>

和

<span id="lalal"></span>

因为一个适用于jQuery而另一个不适用。 感谢。

Answer 1

ID在页面上应该是唯一的，当你有多个具有相同ID的元素时，jQuery只选择第一个。那是因为它不必费心寻找别人，因为不应该再这样了 - 这可能解释了你所经历的奇怪行为。

如果您希望多个元素具有相同的功能，请为它们指定相同的类。如果要标识特定的元素，请为其指定ID。这不仅限于jQuery，还包括HTML和CSS。

Answer 2

我不认为这种区别实际上是一个jQuery的东西--jQuery只是从借用HTML / CSS“借用”它的选择器语法。

最大的区别：ids是独一无二的，类不是。

查看this article对此问题进行冗长而全面的处理。

Answer 3

类和ID来自CSS。 ID应该在HTML文档中是唯一的（想想“mainmenu”），类可以在同一个文档中多次使用。 ID通常标识文档中的唯一项目，其中类有助于将共同样式应用于整个页面中的多个项目。

因此，如果您想要隐藏，请说明您可以执行“绿色”课程的所有链接：

$('a.green').hide();

然后所有与“绿色”类的链接都会隐藏。如果您想隐藏具有ID的特定项目（例如＆lt; div id =“mainmenu”＆gt;），您可以这样做：

$('#mainmenu').hide();

Answer 4

元素可以有多个类，多个元素可以具有相同的类，但是，只有一个元素可以具有特定的ID。 （如果使用相同的ID定义多个元素，jQuery将只返回第一个元素。）

有效：

<span class="myclass myclass2 mycall3"></span>

<span class="myclass"></span>

<span id="myspan"></span>

ID是指特定控件，因此，只有一个控件应具有特定ID。

如果您有以下内容：

<span id="myspan">Hello</span>

<span id="myspan">Goodbye</span>

如果您使用jQuery

选择以下内容

 $("#myspan").html();

jQuery将选择第一个并返回Hello

旁注：类和id与jQuery无关，与有效的HTML有关。 jQuery和CSS使用这些约定来选择特定元素。

Answer 5

Id唯一标识网页上的元素，不论其类型（按钮，div，广播等），其中Class用于标识某种类型的元素。

欢呼声