jQuery学习之元素包装集

selector

1.css selector

属性和id之类的

2.子选择器 

>  E+F E-F

E~F 

jQuery( "prev ~ siblings" )
prev: 任何有效的选择器
siblings: 一个选择器来过滤第一选择器以后的兄弟元素。

3.容器选择器

:has()

不含有

$("li:not(:has(span))").each(function(index) {
$(this).append('<span class="spn">new span<\/span>');
});

4.特性选择器 

input[type=text],a[href^=http://],^,$,*

5.位置选择 
a:first   last   first-child  last-child only-child nth-child(n)

nth-child(even|odd) nth-child(xn+y) even odd eq(n) gt(n) lt(n)

6.jQuery自定义选择器
:animated :button :checkbox :checked :contains(foo) :disabled :file 
:header :hidden :image :input :not(filter) :parent :password :radio 
:reset :selected :submit :text :visible

input:not(:checkbox)

包装集操作

1.大小size()

2.获取包装集中元素

$('img[alt]').get(0)  =  $('img[alt]')[0]

逆运算 元素的下标 index

3.筛选元素的包装集
.add 或关系
$('img[alt]').addClass('thickBorder').add('img[title]').addClass('seeThrough')
.not 删除包装集中的元素
.filter 过滤包装集中的元素
筛选函数的上下文是this

.slice(begin,end)

4.利用关系获取包装集
.children() 唯一的子元素组成的包装集
.contents() 内容的包装集
.next() 唯一的下一个兄弟元素组成的包装集
.nextAll() 所有的后续兄弟元素的包装集
.parent() 唯一直接父元素组成的包装集
.parents() 唯一祖先元素组成的包装集，包括直接父元素和向上追溯的祖先元素，不包括文档根元素
.prev() 唯一的上一个兄弟元素所组成的包装集
.prevAll() 所有前面的兄弟元素所组成的包装集

.siblings() 唯一兄弟元素所组成的包装集

5.更多使用包装集的途径
find(selector)
wrappedSet.find('p cite')
contains(text)
$('p').contains('Lorem ipsum')
也可以 $('p cite',wrappedSet)

is(selector)

6.管理jQuery链
end()返回到上一个包装集