jQuery 基础选择器
| 名称 |
用法 |
描述 |
| ID选择器 |
$("#id") |
获取指定ID的元素 |
| 类选择器 |
$(".class") |
获取同一类的class的元素 |
| 标签选择器 |
$("div") |
获取同一类标签的所有元素 |
| 全选选择器 |
$("*") |
匹配所有元素 |
| 并集选择器 |
$("div,p,li") |
选取多个元素 |
| 交集选择器 |
$("li.current") |
交集元素 |
jQuery 层级选择器
| 名称 |
用法 |
描述 |
| 子代选择器 |
$("ul>li"); |
使用> 查找下一级标签，不会获取孙子层元素 |
| 后代选择器 |
$("ul li"); |
使用空格，代表获取ul下的所有li元素，包括孙子等 |
jQuery 筛选选择器
| 语法 |
用法 |
描述 |
| :first |
$("li:first") |
选择第一个 li 标签 |
| :last |
$("li:last") |
选择最后一个 li 标签 |
| :eq(index) |
$("li:eq(0)") |
选择索引为 0 的 li 标签 |
| :odd |
$("li:odd") |
选择索引为奇数的 li 标签 |
| :even |
$("div,p,li") |
选择索引为偶数的 li 标签 |
jQuery 筛选方法
selector 代表选择器的意思
| 语法 |
用法 |
描述 |
parent() |
$("li").parent() |
查找父级元素 |
children(selector) |
$("ul").children("li") |
相当于$("ul>li"),最近的一级 |
find() |
$("ul").find("li") |
相当于后代选择器$("ul li") |
siblings(selector) |
$(".first").siblings("li") |
查找同级的 li 标签 |
| nextAll([expr]) |
$("div").nextAll() |
查找当前元素之后的所有同级元素 |
| prevAll([expr]) |
$("div").prevtAll([expr]) |
查找当前元素之前的所有同级元素 |
| hasClass(class) |
$("divi").hasClass('pro') |
检查某个标签是否包含某个特定的 class ，有返回 true |
eq(index) |
$("div").eq(0) |
相当于$("div:eq(0)")标签过滤器 |
小例子
// 查找 div 下的第一个 li，设置为 pink 色
$("div li:first").css("color","pink");
// 查找同级的所有标签
$("span").siblings()
// 查找同级的所有标签
$("span").siblings()
版权声明：《 JQuery 基础选择器 层级选择器 筛选选择器 与 筛选方法 》为明妃原创文章，转载请注明出处！
最后编辑:2019-11-26 12:11:21
