您的位置:首页 > Web前端 > JQuery

jQuery关于包装集的一些方法

2012-09-22 09:30 357 查看
1.确定包装集的大小:size()

例:$('a').size(),返回所有<a>的元素个数

2.从包装集获取DOM元素:get(index)

例:$('img[alt]')[0] 或 $('img[alt]').get(0),返回包装集中第一个元素

get()方法也可用于把元素包装集转化为普通的javascript数组;

3.从包装集中查找传入的元素,并返回该元素下标;如果不存在,则返回-1:index(element)

例:var n = $('img').index($('img#findMe')[0]),利用逆去处,获取图像集里id为findMe的图像的顺序下标

4.添加元素到包装集:add(expression)

例:$('img[alt]').add('img[title]') 或 $('img[alt],img[title]')

5.从包装集里删除元素:not(expression)

例:$('img[title]').not('[title*=puppy]'),将包装集中title包含puppy字符的元素删除

6.从包装集里筛选元素:filter(expression)

例:$('td').filter(function(){return this.innerHtml.match(/^\d+$/)}),返回包含数字值的所有<td>元素的包装集

$('img').addClass('seeThrough').filter('[title*=dog]').addClass('thickBorder'),对所有的<img>元素增加样式seeThrough,然后查找title包含dog的所有元素,对其增加样

式thickBorder

7.获取包装集的子集:slice(begin,end)

例:$('img').slice(0,2),返回页面上所有<img>下标从0到2的包装集

$('img').slice(2),匹配所有<img>,然后返回除前4个元素的新包装集

8.搜索包装集内与表达式匹配的所有元素,返回新包装集:find(selector)

例:$('*').find('p span') 或 $('p span','*'),返回当前页面中所有段落内的span元素

9.查找包装集内包含指定字符串的元素,返回新包装集:contains(text)

例:$('p').contains('demo'),返回<p>元素内包含文本demo的所有元素

10.对包装集进行测试,是否至少包含一个匹配给定选择器的元素,返回true或false:is(selector)

例:var hasImage = $('*').is('img'),测试当前页面是否包含至少一个<img>元素

11.在jQuery命令链内,回退到前一个包装集:end()

例:$('div#map').children().remove().end(),查找id为map的<div>元素,并删除其子元素,并返回<div>元素

12.合并命令链内最近产生的两个包装集:andSelf()
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: