jQuery关于包装集的一些方法

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()

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值