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所有