jQuery 的 class 选择器来查询 DOM 元素,条件是多个class
时间: 2024-03-09 12:44:51 浏览: 20
如果你想查询具有多个 `class` 的元素,可以使用 `.` 分隔多个类名。例如,如果你想查询所有同时具有 `example-class1` 和 `example-class2` 类的元素,可以使用以下代码:
```javascript
$('.example-class1.example-class2')
```
如果要查询一个元素具有多个类中的至少一个,则可以使用逗号分隔类名。例如,如果你想查询所有同时具有 `example-class1` 或 `example-class2` 类的元素,可以使用以下代码:
```javascript
$('.example-class1, .example-class2')
```
需要注意的是,这种选择器返回的也是一个类数组对象,你可以使用 `.eq()` 方法或索引来访问其中的元素。
相关问题
jquery 通过class查询dom
可以使用 `jQuery` 的 `class` 选择器来查询 `DOM` 元素。例如,如果你想查询所有带有 `example-class` 类的元素,可以使用以下代码:
```javascript
$('.example-class')
```
如果你想在特定元素中查询,则可以将该元素的选择器传递给 `$()` 函数。例如,如果你想在 `div` 元素中查询所有带有 `example-class` 类的元素,则可以使用以下代码:
```javascript
$('div .example-class')
```
需要注意的是,`class` 选择器返回的是一个类数组对象,你可以使用 `.eq()` 方法或索引来访问其中的元素。例如,以下代码将返回第一个带有 `example-class` 类的元素:
```javascript
$('.example-class').eq(0)
```
或者你也可以使用 `[]` 索引来访问它:
```javascript
$('.example-class')[0]
```
jquery 查找dom下的子元素
可以使用jQuery的子元素选择器来查找DOM下的子元素,例如:
```js
// 查找id为parent的元素下的所有直接子元素
$('#parent > *');
// 查找class为child的元素下的所有直接子元素
$('.child > *');
// 查找name为name的元素下的所有直接子元素
$('[name="name"] > *');
```
其中,`>`表示直接子元素选择器。如果要查找所有子元素,可以使用后代选择器:
```js
// 查找id为parent的元素下的所有子元素
$('#parent *');
// 查找class为child的元素下的所有子元素
$('.child *');
// 查找name为name的元素下的所有子元素
$('[name="name"] *');
```
还可以使用`children()`方法来查找直接子元素:
```js
// 查找id为parent的元素下的所有直接子元素
$('#parent').children();
// 查找class为child的元素下的所有直接子元素
$('.child').children();
// 查找name为name的元素下的所有直接子元素
$('[name="name"]').children();
```
需要注意的是,`children()`方法只会查找直接子元素,而不会查找所有子元素。如果要查找所有子元素,还需要使用`find()`方法:
```js
// 查找id为parent的元素下的所有子元素
$('#parent').find('*');
// 查找class为child的元素下的所有子元素
$('.child').find('*');
// 查找name为name的元素下的所有子元素
$('[name="name"]').find('*');
```