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()
例:$('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()
相关文章推荐
- 一些关于jQuery的使用方法
- 关于jQuery的一些小方法
- 关于jquery中on方法的一些介绍
- 关于jQuery插件的index选择器index()方法的一些操作细节
- Visual Studio 2017中使用正则修改部分内容 如何使用ILAsm与ILDasm修改.Net exe(dll)文件 C#学习-图解教程(1):格式化数字字符串 小程序开发之图片转Base64(C#、.Net) jquery遍历table为每一个单元格取值及赋值 。net加密解密相关方法 .net关于坐标之间一些简单操作
- 关于git的一些使用方法和基本命令
- 关于Jquery操作Cookie取值错误的解决方法
- jQuery中的一些自己写的方法
- 关于内存泄漏检测的一些方法
- 总结一些jquery方法
- 关于spring升级到4.3.12 hibernate升级到4.3 遇到的一些问题和解决方法
- 关于时间格式的一些处理方法
- 关于classpath和当前类的绝对路径的一些方法
- JQuery Tips(3) 关于$()包装集内元素的改变
- 关于Jquery中ajax方法data参数用法的总结
- 整理的一些关于虚函数的使用方法和注意点
- JS/JQuery的一些方法的使用
- 关于如何解释机器学习的一些方法
- 关于 Android Dex 方法限制的一些总结
- 关于GET和POST方法的一些区别