首頁 >web前端 >js教程 >JQuery Tips(3) 关于$()包装集内元素的改变_jquery

JQuery Tips(3) 关于$()包装集内元素的改变_jquery

WBOY
WBOY原創
2016-05-16 18:39:13853瀏覽

这两个方法是比较容易搞混的.
filter方法表示的是对当前内部的元素进行筛选,这个接受两种参数,一个返回bool的function,或者是JQuery的选择表达式,包装集内的元素只会小于等于当前包装集内的元素,并且含有的元素属于原来包装集内元素的子集:

复制代码 代码如下:

the one

the two


the three




而find方法却是在当前元素内(子元素)部进行查找,并返回新的包装集,这意味着包装集可能会增加:
复制代码 代码如下:

the one

the two


the three




从上面可以看出新包装集内的元素增加了

parents()方法 VS closest()方法
这两个方法都是由当前元素向上查找所匹配的元素,不同之处如下:
复制代码 代码如下:




the two






对于parents方法来说,会将当前元素向上的所有匹配元素加入新的包装集并返回,而closest方法只会包含离当前元素最近的元素,所以使用closest方法后当前包装集内的元素只能为1个或者0个
而parents方法并不包括当前包装集内的元素,而closest方法会包含当前包装集内的元素
直系子元素 VS 所有子元素
使用children可以返回直系子元素,而用find加通配符的方法可以返回除了文本节点之外的所有子元素:
复制代码 代码如下:


text node here


the two






可以看出children方法只会含有当前元素的直系子元素,而使用find(“>*也会产生同样的效果”).若想采纳所有的直系子元素直接在find内传”*”通配符
回到过去的end()方法以及andself()方法
上述所有的方法,以及比如add(),next(),nextAll(),prev()等对包装集内元素进行改变的方法都可以使用end()方法来进行返回:
复制代码 代码如下:


text node here


the two






end()方法总是和最近的一个和包装集改变的方法相抵消,而抵消其他方法:
复制代码 代码如下:


text node here


the two






如果需要在改变包装集内元素的情况下还需要包含原始的包装集内元素,使用andself方法:
复制代码 代码如下:


text node here


the two






我们会发现首先alert two,因为two先被选择

PS:liver writer代码高亮插件我一加中文就是乱码,很郁闷的说-.-!!所以注释都是鸟语了
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn