JQuery总结(选择器归纳、DOM遍历和事件处理、DOM完全操作和动画)

1、基本选择器
选择符匹配元素
*所有元素
id给定ID的元素
element给定类型的所有元素
.class给定类的所有元素
a,b与a或b匹配的元素
a ba的后代元素中与b匹配的元素
a>ba的直接子元素中与b匹配的元素
a+ba的直接同辈元素中与b匹配的元素
a~ba的同辈元素中与b匹配的元素
2、位置选择器
选择符匹配元素
a b:nth-child(index)a的子元素中,第index个与b匹配的元素(从1开始计数)
a b:nth-child(even)a的子元素中,第偶数个与b匹配的元素(从1开始计数)
a b:nth-child(odd)a的子元素中,第奇数个与b匹配的元素(从1开始计数)
a b:nth-child(2n+2)a的子元素中,第2n+2个与b匹配的元素(从1开始计数),n为自然数
a b:nth-last-child()同:nth-child(),从最后一个元素开始计数
a b:first-childa的子元素中,第1个与b匹配的元素
a b:last-childa的子元素中,最后一个个与b匹配的元素
:only-child作为其父元素唯一一个子元素的元素
a b:nth-of-type()同:nth-child(),只计同类元素
a b:nth-last-of-type()同:nth-last-child(),只计同类元素
a b:first-of-type()同:first-child(),只计同类元素
a b:last-of-type()同:last-child(),只计同类元素
a b:only-of-type()没有同名元素的元素
3、属性选择器
选择符匹配元素
[attr]带有属性attr的元素
[attr="value"]attr属性值为value的元素
[attr!="value"]attr属性值不为value的元素)
[attr^="value"]attr属性值以value开头的元素
[attr$="value"]attr属性值以value结尾的元素
[attr*="value"]attr属性值包含value字符串的元素
[attr~="value"]attr属性值是空格分隔的字符串,其中一个字符串值是value的元素
[attr|="value"]attr属性值等于value或value后跟一个连字符(-)的元素

4、表单选择器
选择符匹配元素
:input所有