基本选择器
1 | $("#test") |
层次选择器
通过dom元素之间的层次关系来获取特定元素1
2
3
4
5
6
7$("div span")//选择div中的所有<span>元素+
$("div>span")//选取div下元素名是<span>的子元素
$(".one+div")//选取class为one的下一个<div>同辈元素
$("#two~div")//选取id为two的元素后面的所有<div>同辈元素
//后面两个方法可以用其他方法代替如下
$(".one").next("div");
$("#pre").nextAll("div");
过滤选择器
基本过滤选择器
1 | $("div:first") |
内容过滤选择器
1 | $("div:contains('我')") |
可见性过滤选择器
1 | $(":hidden")//选取所有不可见的元素。 |
属性过滤选择器
1 | $("div[id]") |
子元素选择器
1 | :nth-child(index/even/odd/equation) |
表单选择器
1 | $(":input")//所有的input、textarea、select、button元素 |