jQuery 选择器示例
时间: 2023-07-17 14:01:30 浏览: 108
当您使用jQuery时,选择器是一种强大的工具,用于选择DOM元素并对其进行操作。以下是一些常见的jQuery选择器示例:
1. 通过元素名称选择元素:
```
$("p") // 选择所有 <p> 元素
$("div") // 选择所有 <div> 元素
```
2. 通过类名选择元素:
```
$(".my-class") // 选择所有具有 "my-class" 类的元素
```
3. 通过ID选择元素:
```
$("#my-id") // 选择 ID 为 "my-id" 的元素
```
4. 通过属性选择元素:
```
$("[data-key='value']") // 选择具有 data-key 属性且值为 "value" 的元素
$("[href]") // 选择具有 href 属性的所有元素
```
5. 组合选择器:
```
$("p.my-class") // 选择所有具有 "my-class" 类的 <p> 元素
$("div, p") // 选择所有 <div> 和 <p> 元素
```
6. 子元素选择器:
```
$("ul > li") // 选择所有直接位于 <ul> 下的 <li> 元素
$(".parent .child") // 选择具有 "child" 类且位于具有 "parent" 类的父元素内的所有元素
```
以上只是一些常见的jQuery选择器示例,实际上还有更多选择器和用法可供探索。您可以根据需要使用适当的选择器来选择和操作DOM元素。
如果您有任何其他问题,请随时提问!
阅读全文