博客

当一个HTML元素有多个类时，可以使用jQuery选择器选择它们。以下是如何用jQuery选择一个有多个类的元素的完整攻略：

1. 选择器语法

在jQuery中，使用点（.）来表示一个类，可以将多个类名用空格分隔开。 例如，选择多个类名为“ class1 ”和“ class2 ”的元素，可以使用以下选择器：

$('.class1.class2')

这个选择器将返回所有具有类名“ class1 ”和“ class2 ”的元素。

1. 示例

假设有以下HTML结构：

<div class="block red"></div>
<div class="block blue"></div>
<div class="block green"></div>
<div class="block red blue"></div>

如果想选择多个类名为“ block ”和“ blue ”的元素，可以使用以下代码：

$('.block.blue')

这个代码将返回所有具有类名“ block ”和“ blue ”的元素，即最后一个元素。

另外，如果想选择多个类名为“ block ”和“ red ”的元素，可以使用以下代码：

$('.block.red')

这个代码将返回所有具有类名“ block ”和“ red ”的元素，即第一个和最后一个元素。

综上，使用jQuery选择一个有多个类的HTML元素可以通过在选择器中使用点（.）并将多个类名用空格分隔开来完成。