选择器

1、基本选择器
ID选择器：$("#myDiv") 匹配唯一的具有此id值的元素

类选择器：$(".myClass") 匹配具有此类样式值的所有元素

标签选择器：$("div") 匹配指定标签名称的所有元素

通配符选择器：$("*") 匹配所有元素

并集选择器：$("div,span,p.myClass") 联合所有匹配的选择器

交集选择器：$("p.myClass") 匹配到p标签里面的类名 不常用

2、层级选择器
后代选择器：$("form input") 后代选择器，选择ancestor的所有子孙节点

子代选择器：$("#main > span")main下一级的的所有span子节点

兄弟选择器：$("label + input") 兄弟相邻选择器，选择所有label相邻的第一个input节点

兄弟选择器：$("#prev ~ div") 相邻后边的所有，选择prev的所有后面的div同胞节点

3、筛选选择器，也是过滤选择器
$("li:first") 匹配第一个选择的li元素

$("li:last") 匹配最后一个选择的li元素

$("li:not(:first)")选择除了第一个标签之外的所有li标签

$("li").eq(4)选择第5个li标签 索引0开始

$("td:eq(2)") 匹配集合中指定位置的元素(从0开始)

$("li:odd") 选择索引为奇数 索引0开始

$("li:even") 选择索引为偶数的li标签 索引0开始

$("li:lt(3)") $("li:gt(3)")选择索引大于或者小于3的所有li标签

$(":animated") 获取正在执行动画效果的元素

4、属性过滤选择器
$("div[属性]") 匹配所有具有指定属性的元素
$("input[name ='newsletter']") 匹配所有具有指定属性值的元素
$("input[name !='newsletter']") 匹配所有不具有指定属性值的元素
$("input[name ^='news']") 匹配所有指定属性值以news开头的元素
$("input[name $='letter']") 匹配所有指定属性值以letter结尾的元素
$("input[name *='man']") 匹配所有指定属性值含有man字符的元素
$("input[属性1 =“值”][name2 $= 'man']") 匹配同时符合多个选择器的所有元素
5、父子元素过滤器
$("ul li:nth-child(2)"), 匹配所有li标签的索引为2的li元素，索引0开始
$("ul li:nth-child(odd)"), 匹配所有li标签的奇数元素
$("ul li:nth-child(3n + 1)") 匹配所有li标签的第4,7,11元素
$("div span:first-child") 匹配所有span标签的第1个span元素

$("div span:last-child") 匹配所有span标签的最后一个span元素

parent() 获取指定标签的父节点
parents() 获取指定标签的祖先节点 父节点以上都是 传参如果指定祖先哪个就是哪个
parentsUntil() 获取指定标签的祖先节点直到...为止（不包含自己）
children() 获取指定标签的所有子节点
siblings() 获取指定标签的兄弟节点 除了自己以外的所有兄弟

$(当前元素).find(所有的后代元素)查找获得当前元素集合中每个元素的后代，必须参数