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 相关文章推荐
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
May 15 Javascript
利用js实现遮罩以及弹出可移动登录窗口
Jul 08 Javascript
在Ubuntu上安装最新版本的Node.js
Jul 14 Javascript
Vuex之理解state的用法实例
Apr 19 Javascript
Angular中使用$watch监听object属性值的变化(详解)
Apr 24 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
Vue header组件开发详解
Jan 26 Javascript
详解angular应用容器化部署
Aug 14 Javascript
vue-cli项目修改文件热重载失效的解决方法
Sep 19 Javascript
Vue 实现手动刷新组件的方法
Feb 19 Javascript
使用Node.js实现一个多人游戏服务器引擎
Mar 13 Javascript
微信小程序实现打卡签到页面
Sep 21 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
php项目打包方法
2008/02/18 PHP
如何在smarty中增加类似foreach的功能自动加载数据
2013/06/26 PHP
eaglephp使用微信api接口开发微信框架
2014/01/09 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
jQuery 1.7.2中getAll方法的疑惑分析
2012/05/23 Javascript
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
jquery处理json对象
2014/11/03 Javascript
javascript清空table表格的方法
2015/05/14 Javascript
javascript中Date()函数在各浏览器中的显示效果
2015/06/18 Javascript
javascript动态获取登录时间和在线时长
2016/02/25 Javascript
JavaScript正则表达式实例详解
2016/10/16 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
2017/01/18 Javascript
jsonp跨域请求实现示例
2017/03/13 Javascript
JS异步函数队列功能实例分析
2017/11/28 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
javascript实现的时间格式加8小时功能示例
2019/06/13 Javascript
微信小程序用户拒绝授权的处理方法详解
2019/09/20 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
2020/03/29 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
vue中移动端调取本地的复制的文本方式
2020/07/18 Javascript
typescript编写微信小程序创建项目的方法
2021/01/29 Javascript
Python写的一个简单监控系统
2015/06/19 Python
Python中的下划线详解
2015/06/24 Python
tensorflow 输出权重到csv或txt的实例
2018/06/14 Python
学生信息管理系统python版
2018/10/17 Python
用Python制作mini翻译器的实现示例
2020/08/17 Python
Python读取Excel一列并计算所有对象出现次数的方法
2020/09/04 Python
DOM和JQuery对象有什么区别
2016/11/11 面试题
主治医师岗位职责
2013/12/10 职场文书
给幼儿园老师的表扬信
2014/01/19 职场文书
大学生党校培训心得体会
2014/09/11 职场文书
说谎欺骗人检讨书300字
2014/11/18 职场文书
运动会跳远广播稿
2015/08/19 职场文书
中职班主任培训心得体会
2016/01/07 职场文书
《穷人》教学反思
2016/02/19 职场文书
Python实现老照片修复之上色小技巧
2021/10/16 Python