jQuery学习笔记3 2021-9-23

后代选择器
$(“form input”)
//form 标签下的所有后代元素input（包括儿子 孙子 曾孙。。。）

子元素选择器
$(“form>input”)
//form 标签下所有的子元素（只包括儿子）

prev + next
$(“label + input”)
//匹配所有紧跟在label后面的input元素(同辈)

prev ~ siblings
$(“form ~ input”)
//匹配prev元素之后的所有siblings元素(同辈)

：first/last
$(“li : first”)
//匹配li第一个元素

:not(selector)
$(“input:not(:checked)”)
//查找所有未选中的input

even
$(“tr:even”)
//even表示所有索引值为偶数的元素（从0开始计数）
//查找表格的1 3 5 行(即索引0 2 4)
//odd与之对应 表示所有索引值为奇数的元素（从0开始计数)

:eq(index)
$(“tr:eq(1)”)
//查找table第二行

:gt(index)
$(“tr : gt(0)”)
//匹配所有大于给定索引值的元素
//查询除了第二行到最后一行
//对应的 :lt(index)匹配所有小于给定索引值的元素

：header
$(":header").css(“background”,"#EEE");
//匹配如h1,h2,h3之类的标题元素

:animated
//匹配所有正在执行动画的元素

:contains(test)
$(“div :contains(‘John’)”)
//匹配包含给定文本的元素

:empty
$(“td :empty”)
//匹配所有不包含子元素或文本的空元素
//:parent 与之对应 取非空

has(selector)
$(“div : has( p )”)
//查询包含p的div
//匹配所有含有(儿子有才算 孙子曾孙都不算)选择器选择的元素的元素

:parent
$(“div : parent”)
//含有子元素或文本的元素