jquery管理包装元素集合函数

一、确定包装集(也就是jquery选择器得到的jquery数组)的大小
   size()
   返回包装集里元素的个数
 
二、从包装集获取DOM元素
1、直接使用数组下标
   e.g. $('img[alt]')[0]
2、使用get()方法
   get(index数值)
   获取包装集里的一个或者所有匹配元素。如果不指定参数,包装集里的所有元素就以javascript数组形式返
   回;如果指定了下标,则返回下标对应的DOM元素(即DOM对象,而不是jquery包装集对象)。
3、get()方法的逆运算,获取包装集里特定元素的下标 index()方法
   index(element)
   在包装集里查找传入的元素,并返回该元素在包装集里的顺序下标;如果该元素不在包装集里则返回-1.
   e.g. var n = $('img').index($(‘img#findMe’)[0])
   $('img#findMe')是jquery数组,加上[0]才是DOM元素
 
三、筛选元素包装集
1、添加元素到包装集 add()方法
   add(expression)
   把表达式参数所指定的元素添加到包装集。表达式可以是选择器、HTML片段、DOM元素或者DOM元素数组。
   e.g. $('img[alt]').add('img[title]')
2、从包装集中删除元素 not()方法
   not(expression)
   根据表达式参数的值,从包装集里删除元素。如果参数是jquery筛选选择器,则从包装集里删除任何匹配表达
   式的元素;如果参数是元素引用,则从包装集里删除该元素。
   e.g. $('img[title]').not('title*=puppy')
3、与not()相反的筛选函数 filter()方法
   filter(expression)
   参数expression可以使字符串或者函数,如果是字符串,则指定jquery选择器,用于从包装集里删除所有与选
   择器不匹配的元素,也就是说,留下与选择器匹配的元素;如果参数是一个函数,则用于确定筛选条件。为包
   装集里的每一个元素各调用一次该函数,以当前元素作为当次调用的函数上下文(this)。函数调用返回值为
   false的任何元素都会从包装集里删除。
   e.g.1. $('div').filter('.foo').click(function(){alert("this is foo!");})
   e.g.2  $('div').filter(function(){return this.innerHTML.match(/^\d+$/)})
4、获取包装集的子集slice()方法
   slice(begin,end)
   创建并返回新包装集,新包装集包含原始包装集的连续的一部分。
   参数begin:第一个元素下标,从0开始
   参数end:可选,从0开始,若省略,则延伸到原始包装集的末尾
   #注意#:$('*').slice(2,3)获取的是包含第三个元素的包装集;
        而 $('*').get(2)获得的则直接是第三个元素。
 
四、利用关系获取包装集
   children():返回原始包装集的子元素组成的包装集;
   contents():返回原始包装集的内容的包装集;
   next():    返回原始包装集的所有下一个兄弟元素所组成的包装集;
   nextAll(): 返回原始包装集的所有后续兄弟元素的包装集;
   parent():  返回原始包装集的唯一直接父元素所组成的包装集;
   parents(): 返回原始包装集的唯一祖先元素所组成的包装集,但不包括文档根元素;
   prev():    返回原始包装集的所有唯一的上一个兄弟元素组成的包装集;
   prevAll(): 返回原始包装集的所有前面兄弟的包装集;
   siblings():返回原始包装集的所有兄弟元素所组成的包装集;
 
五、其他
1、find(selector)
   返回新包装集,包含原始包装集里与传入选择器表达式相匹配的所有元素。原始包装集里的元素的所有后代,
   会因为与传入的选择器表达式相匹配而被包含在新包装集里。
   e.g. $('#wrapped').find('p cite')
2、contains(text)
   返回新包装集,由包含text参数所传入的文本字符串的元素所组成。
   e.g. $('p').contains('apple')
3、对包装集进行测试 is(selector)
   确定包装集里是否有元素匹配传入的选择器表达式,至少有一个匹配则返回true,否则返回false。
   e.g. var hasImage = $('*').is('img')
 
六、管理jquery链
1、end()
   在jquery命令链内调用,以便回退到前一个包装集。
   e.g. $('div').filter('.foo').click(function(){alert("foo")}).end().addClass('.gobackdiv')
2、andSelf()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值