标签: [, 选择器] 1. 基本选择器语法说明
$(“*”)
选择文档中的所有元素
$(“div”)
元素选择器,选择所有div元素并返回一个数组
$("#id")
Id选择器,返回单个元素
$(".class")
类选择器,返回数组
$("p,div")
并行选择器,返回所有 p 元素和 div 元素
2. 层次选择器语法说明
$(“AB”)
后代选择器,选择所有A元素下的所有B子元素,包括间接子节点
$(“A > B”)
子元素选择器,选择A下面的直接B子元素,不包括间接子节点
$(“A + B”)
下一个同级元素选择器选择紧跟在 A 元素后面的 B 元素。 如果不选则相当于next()方法。
$("A~B")
兄弟元素选择器,选择A之后的所有B元素,相当于()方法
3. 过滤器选择器
1. 基本过滤器选择器
语法说明
$("跨度:第一个")
选择第一个元素
$("跨度:最后一个")
选择第二个元素
$("跨度:不是(.wrap)")
取非元素
$("tr:偶数")
选择偶数行(索引从0开始)
$("tr:奇数")
选择奇数行(索引从0开始)
$(“tr:eq(2)”)
选择指定索引处的元素(索引从0开始)
$(“tr:gt(2)”)
选择大于索引号的元素(索引从0开始)
$("ul li : lt(2)")
选择小于索引号的元素(索引从0开始)
$(":")
选择所有标题元素
$(":")
选择所有动画元素
2.内容过滤选择器
语法说明
$("跨度:('你好')")
选择包含特定文本的元素
$("跨度:空")
选择不包含子元素或具有空文本的元素
$("ol li : ”)
选择包含子元素或其文本不为空的元素
$("div : 有(span)")
选择其子元素包含指定元素的元素。 如果它不是直接子元素,它也会生效。
3. 可见性过滤器选择器
语法说明
$(“div:”)
只选择带有:none或input type=""的元素,不选择带有:或:0的元素,也就是说:只匹配“隐藏”且不占用空间的元素。
$(“div:”)
选择可见元素
4. 属性过滤选择器
语法说明
$("[href]")
选择所有具有 href 属性的元素
$("[href = '#']")
选择所有href属性值等于“#”的元素
$("[href != '#']")
选择所有href属性值不等于“#”的元素
$("[herf ^= 'http']")
选择所有 href 属性值以“http”开头的元素
$("[herf &;= '.jsp']")
选择所有href属性值以“jsp”结尾的元素
$("[herf *= 'www']")
选择href属性值包含“www”的所有元素
4. 表单选择器
1. 基本表单选择器
语法说明
$(":输入")
选择所有输入元素
$(":文本")
选择所有 type="text" 的输入元素
$(":")
选择 type="" 的所有输入元素
$(":收音机")
选择 type="radio" 的所有输入元素
$(":")
选择 type="" 的所有输入元素
$(":")
选择所有输入元素和 type="" 的元素
$(":重置")
选择所有输入元素和 type="reset" 的元素
$(":")
选择所有带有 type="" 的输入元素和所有带有 label 的元素
$(":图像")
选择 type="image" 的所有输入元素
$(":文件")
选择 type="file" 的所有输入元素
2.表单元素过滤选择器
语法说明
$(":")
选择所有启用的输入和元素
$(":")
选择所有禁用的输入和元素(即设置了“=”)
$(":")
选择所有选定的下拉列表选项
$(":")
选择所有选定的复选框或单选按钮元素
5.CSS选择器
CSS 选择器可用于更改 HTML 元素的 CSS 属性。
语法:.css("css属性","css属性值");
$("div").css("background-color","red");
6.查找父子兄弟节点方法的语法说明
.(表达式)
要查找父节点,可以传入expr进行过滤,如$("span").()或&;("span").(".class")
.(表达式)
从父元素开始查找所有祖先元素
.(表达式)
从当前元素开始查找第一个匹配的祖先元素
.(表达式)
返回所有子节点。 该方法只会返回直接子节点,而不是所有后代节点。
.()
返回下面的所有内容,包括节点和文本。
.prev()
返回前一个兄弟节点,而不是所有兄弟节点
.()
返回所有先前的兄弟节点
。下一个()
返回下一个兄弟节点,而不是所有兄弟节点
.()
返回所有后续兄弟节点
.()
返回兄弟节点,无论之前还是之后
.find(表达式)
初始集合中不会有内容,如$("p")、find("span"),都是从子元素中查找,相当于&;("p span")
.(表达式)
初始集合中会有内容
七、参考资料
选择器集合
选择器摘要
- 参考手册 - 选择器