1. 基本选择器:
- 元素选择器:
$("p") // 选择所有 <p> 元素
- ID 选择器:
$("#myId") // 选择 ID 为 "myId" 的元素
- 类选择器:
$(".myClass") // 选择所有类为 "myClass" 的元素
- 通配符选择器:
$("*") // 选择所有元素
2. 层级选择器:
- 后代选择器:
$("parentElement descendantElement") // 选择 parentElement 下所有 descendantElement 元素
- 子元素选择器:
$("parentElement > childElement") // 选择 parentElement 下直接的 childElement 元素
3. 过滤选择器:
- :first 选择器:
$("p:first") // 选择文档中第一个 <p> 元素
- :last 选择器:
$("p:last") // 选择文档中最后一个 <p> 元素
- :even 和 :odd 选择器:
$("tr:even") // 选择表格中偶数行的 <tr> 元素
$("tr:odd") // 选择表格中奇数行的 <tr> 元素
- :eq 选择器:
$("li:eq(2)") // 选择列表中索引为 2 的 <li> 元素(从 0 开始计数)
4. 属性选择器:
- [attribute] 选择器:
$("[href]") // 选择带有 href 属性的元素
- [attribute=value] 选择器:
$("[name='username']") // 选择 name 属性值为 'username' 的元素
- [attribute^=value] 选择器:
$("[src^='https']") // 选择 src 属性值以 'https' 开头的元素
- [attribute$=value] 选择器:
$("[src$='.jpg']") // 选择 src 属性值以 '.jpg' 结尾的元素
- [attribute*=value] 选择器:
$("[src*='image']") // 选择 src 属性值包含 'image' 的元素
这只是 jQuery 选择器的一小部分,还有许多其他选择器和组合方式。通过灵活使用选择器,你可以轻松地选取文档中的特定元素,实现各种操作。
转载请注明出处:http://www.zyzy.cn/article/detail/12870/jQuery