jQuery 对象中的类数组操作


Posted in Javascript onApril 27, 2009

看看我们的jQuery为我们都提供了哪些可用的方法:

size():很明显,它应该是返回包装集中的元素个数,如$('a').size()表示链接元素的个数;

get(index):当没指定index时就默认取包装集中所有元素,并以js中的数组形式返回,如果指定了index,则返回下标为index对应的元素,如$('img[title]').get(0)返回包含属性title的第一个img元素,其也等效于$('img[title]')[0];

index(elem):在包装集中返回元素elem所在的下标,如果没找到该元素则返回-1;

add(String|elem|Array):把参数中的元素添加到包装集中,如果参数是jQuery选择器,那么将把所有匹配的对象都添加到集合中,如果是html元素那就通过clean方法得到的元素数组添加到集合中,如果是dom元素或dom元素数组,那就直接添加到集合了;注意返回的是添加后的包装集;如$('img[alt]','img[title]')等效于$('img[alt]').add('img[title]')即返回包含了alt属性的img元素或包含了title属性的img元素;

not(String|elem|Array):把包装集中满足参数条件的元素删除,注意参数只能是筛选表达式,即以"["或者":"开头的表达式,如$('img[title]').not('title*=puy')即返回包含title属性的img元素,并且这些元素的title属性中包含有puy文本;返回的是筛选之后的包装集;

filter(String|function):如果传入的参数是String类型的话,那么该表达式必须也是筛选表达式,用于从包装集里删除所有与选择器不匹配的元素;如果传入的是一个函数的话,那么包装集中的每个元素都调用这个函数,若这个函数返回false则把这个元素从包装集中删除,而在函数中可以通过this关键字来调用当时包装集中调用方法的元素;如$('td').filter(function(){return this.innerHTML.match(/^"d+$/)})返回td中的内容为数字的所有td元素;

slice(begin,end):创建并返回新的包装集,该包装集是原来包装集的连续的一部分,且新包装集的第一个元素是原包装集中的begin位置的元素,而最后一个元素是end位置元素的前一元素,当然end可以不指定,那么将延伸到原始包装集的末尾;如$('*').slice(2,3)这个语句选择页面上的所有元素,然后生存包含原始包装集的第三个元素的新包装集,注意这个$('*').get(2)不同,这个返回的是元素,而slice方法返回的是包装集,从而拥有包装集的操作;

childen():返回原始包装集元素的所有不同子元素所组成的新包装集(不包含文本节点),如$('div').children()返回所有div元素下的子元素所组成的新包装集;如果指定了参数,那么该参数也是筛选表达式;

contents():返回原始包装集元素的内容新包装集(可以包含文本节点);注意此方法不能接受参数进行过滤;

next():返回原始包装集元素的所有唯一的下一个兄弟元素所组成的新包装集;如果指定了参数,那么该参数也是筛选表达式;如$('div#someDiv').next()返回包含id为someDiv的div元素的下一个兄弟元素的包装集;如果指定了参数,那么该参数也是筛选表达式;

nextAll():返回包含原始包装集元素的所有后续兄弟的新包装集;如$('div#someDiv').nextAll()返回包含id为someDiv的div元素的后面兄弟元素的新包装集;如果指定了参数,那么该参数也是筛选表达式;

parent():返回原始包装集所有元素的唯一直接父元素的新包装集;如果指定了参数,那么该参数也是筛选表达式;

parents():返回原始包装集所有元素的祖先元素的新包装集;如果指定了参数,那么该参数也是筛选表达式;

prev():返回原始包装集元素的所有唯一的上一个兄弟元素组成的新包装集;如果指定了参数,那么该参数也是筛选表达式;

prevAll():返回包含原始包装集元素的所有前面兄弟元素的新包装集;如果指定了参数,那么该参数也是筛选表达式;

siblings():返回包含原始包装集元素中的所有唯一兄弟元素所组成的新包装集;如果指定了参数,那么该参数也是筛选表达式;

find(String):返回包含原始包装集里与传入的选择器表达式相匹配的所有元素的新包装集,并且原始包装集中的元素的后代也会被传入新的包装集;

contains(text):返回包含text参数所传入的文本字符串的元素所组成的新包装集;

is(String):如果包装集中含有String匹配的元素,那么返回true,否则返回false;

clone(copyHandle):如果传入的参数为true,那么会连带事件一起拷贝,否则不拷贝事件,形成一个新的包装集;

end():在jQuery命令链内调用,以便返回退到前一个包装集;

andSelf():合并命令链内最近产生的两个包装集;

对于包装元素的操作就总结到这里,如果哪里不对的还请各位指出来方便大家参考学习。

Javascript 相关文章推荐
Javascript学习笔记8 用JSON做原型
Jan 11 Javascript
Javascript获取窗口(容器)的大小及位置参数列举及简要说明
Dec 09 Javascript
JavaScript中“过于”犀利地for/in循环使用示例
Oct 22 Javascript
js中关于一个分号的崩溃示例
Nov 11 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
Nov 17 Javascript
Javascript检查图片大小不要让大图片撑破页面
Nov 04 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
Mar 09 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
May 25 Javascript
jquery删除数组中重复元素
Dec 05 Javascript
Vue文件配置全局变量的实例
Sep 06 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
May 22 Javascript
vscode 插件开发 + vue的操作方法
Jun 05 Javascript
jquery遍历input取得input的name
Apr 27 #Javascript
jquery创建div 实现代码
Apr 27 #Javascript
js tab 选项卡
Apr 26 #Javascript
JavaScript 使用技巧精萃(.net html
Apr 25 #Javascript
RGB颜色值转HTML十六进制(HEX)代码的JS函数
Apr 25 #Javascript
JQuery 初体验(建议学习jquery)
Apr 25 #Javascript
jQuery 注意事项 与原因分析
Apr 24 #Javascript
You might like
「OVERLORD」动画重要删减!雅儿贝德的背叛?至尊猎杀队结成
2020/04/09 日漫
AJAX for PHP简单表数据查询实例
2007/01/02 PHP
php下通过伪造http头破解防盗链的代码
2010/07/03 PHP
php将字符串全部转换成大写或者小写的方法
2015/03/17 PHP
ThinkPHP项目分组配置方法分析
2016/03/23 PHP
用js实现控制内容的向上向下滚动效果
2007/06/26 Javascript
Js 获取HTML DOM节点元素的方法小结
2009/04/24 Javascript
jquery库文件略庞大用纯js替换jquery的方法
2014/08/12 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
2015/08/21 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
基于js里调用函数时,函数名带括号和不带括号的区别
2016/07/28 Javascript
Highcharts入门之基本属性
2016/08/02 Javascript
JS简单实现点击复制链接的方法
2016/08/03 Javascript
巧用Javascript的逻辑运算符
2016/12/02 Javascript
Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结(附代码)
2017/08/18 Javascript
Dropify.js图片宽高自适应的方法
2017/11/27 Javascript
Vue elementui字体图标显示问题解决方案
2020/08/18 Javascript
[03:17]DOTA2英雄基础教程 剧毒术士
2013/12/12 DOTA
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
[47:04]EG vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
从Python的源码浅要剖析Python的内存管理
2015/04/16 Python
Python如何输出整数
2020/06/07 Python
python实现简单遗传算法
2020/09/18 Python
一文彻底解决HTML5页面中长按保存图片功能
2019/06/10 HTML / CSS
澳洲的UGG雪地靴超级市场:Uggs.com.au
2020/04/06 全球购物
物流管理专业应届生求职信
2013/11/21 职场文书
后勤部长岗位职责
2013/12/14 职场文书
个人自我评价和职业目标
2014/01/24 职场文书
态度决定一切演讲稿
2014/05/20 职场文书
师德师风自查材料
2014/10/14 职场文书
婚前协议书标准版
2014/10/19 职场文书
公司股东出资证明书
2014/11/01 职场文书
道德模范事迹材料
2014/12/20 职场文书
飞越疯人院观后感
2015/06/09 职场文书
2015年社区国庆节活动总结
2015/07/30 职场文书
如何写好开幕词?
2019/06/24 职场文书