jQuery1-004 API-选择器
2020-02-20 本文已影响0人
南南南NaN
1、jQuery基础选择器
1.1、jQuery获取元素的统一方式
通过$('选择器')获取元素，获取的元素以伪数组的方式存储
1.2、jQuery通过选择器获取元素（常用）
| 选择器名称 | jQuery通过选择器获取元素用法
|
说明 |
|---|---|---|
| 标签选择器 |
$("p") $("div")
|
获取指定标签所有元素 获取所有<p>标签元素 获取所有<div>标签元素 |
| id选择器 | $("#id") |
获取指定id的元素 |
| class选择器 | $(".class") |
获取指定类名的所有元素 |
| 全选选择器 | $("*") |
获取所有元素 |
| 并集选择器 | $("div,p,span") |
获取指定的多个标签选择器 的所有元素 |
| 交集选择器 | $("div.box") |
交集元素 |
| 子代选择器 | $("div>p") |
获取所有div下直接包含的所有p元素 |
| 后代选择器 | $("div p") |
获取所有div下直接或间接包含的所有p元素 |
1.3、获取元素示例
<body>
<p>标签选择器</p>
<div id="test">id选择器</div>
<div class="test">类选择器</div>
<script src="js/jQuery 3.4.1.min.js"></script>
<script>
$("p");//获取所有p标签元素
$("#test");//获取id为test的元素
$(".test");//获取所有类名为test的元素
</script>
</body>
2、筛选选择器
2.1、筛选元素选择器语法
| 筛选选择器 | 语法 | 描述 |
|---|---|---|
| :frist | $("li:frist") |
获取第一个li元素 |
| :last | $("li:last") |
获取最后一个li元素 |
| :eq("index") | $("li:eq(2)") |
获取到的li元素中索引为2的li元素 |
| :odd | $("li:odd") |
获取到的li元素中索引为奇数的li元素 |
| :even | $("li:even") |
获取到的li元素中索引为偶数的li元素 |
上一篇：jQuery1-003 基本使用-DOM对象和jQuery对象
下一篇：
