JQuery 选择和过滤方法代码总结


Posted in Javascript onNovember 19, 2010

1、查找所有符合条件的元素 find()
     举例: $('ul').find('li').addClass('tmpExample');
               查找页面中ul元素下的所有li元素,并为查找到的li元素增加tmpExample样式。

2、查找指定元素的兄弟节点 siblings()
     举例:$('li#tmpCarrot').slblings().addClass('tmpExample');
              查找ID为tmpCarrot的li元素所有的兄弟节点,并为查找到的兄弟节点增加tmpExample样式。
              可以在slblings()的括号中添加选择器来查找指定条件的兄弟节点。如:slblings('.tmpClass'),就是查找类

为tmpClass的兄弟节点。

3、查找指定节点的下一个兄弟节点 next()
     举例:$('li#tmpBroccoli').next().addClass('tmpExample');
              查找ID为tmpBroccoli的li节点的下一兄弟节点。并为查找到的兄弟节点增加tmpExample样式。

4、查找指定节点的后面的所有兄弟节点 next()
     举例:$('li#tmpBroccoli').nextAll().addClass('tmpExample');
              查找ID为tmpBroccoli的li节点后面的所有兄弟节点。并为查找到的兄弟节点增加tmpExample样式。

5、查找指定节点的前一个兄弟节点 prev()
     举例:$('li#tmpBroccoli').prev().addClass('tmpExample');
              查找ID为tmpBroccoli的li节点的前一个兄弟节点。并为查找到的兄弟节点增加tmpExample样式。   

6、查找指定节点的前面所有的兄弟节点 prevAll()
     举例:$('li#tmpBroccoli').prevAll().addClass('tmpExample');
              查找ID为tmpBroccoli的li节点的前面所有的兄弟节点。并为查找到的兄弟节点增加tmpExample样式。
               可以在prevAll()的括号中添加选择器来查找指定条件的兄弟节点。如:prevAll('li.tmpClass'),就是查找当

前节点前面所有类为tmClass的兄弟节点。

7、查找所有符合条件的上级节点 parents()
     举例:$('li#tmpCarrot').parents('div#tmpSelection').addClass('tmpExample');
              查找ID为tmpCarrot的li节点所有id为tmpSelection的div上级节点。并为查找到的节点增加tmpExample样

式。

8、查找上级节点 parent()
     举例:$('li#tmpCarrot').parent().addClass('tmpExample');
              查找ID为tmpCarrot的li节点的上级节点。并为查找到的节点增加tmpExample样式。

9、查找子节点 children()
     举例:$('div.tmpList').children('h4').addClass('tmpExample');
              查找class为tmplist的div下面的子节点中为h4标签的。并为查找到的节点增加tmpExample样式。

10、查找到的节点集合中反选 not()
      举例:$('ul li').not('li.tmpVegetables').addClass('tmpExample');
               查找到的li集合中,除了class为tmpVegetables的节点,都增加一个tmpExample样式。

11、选择节点集合中的片段  slice()
      举例:$('ul li').slice(1,4).addClass('tmpExample');
               查找到的li集合中,选择从第1个(从0计数,第一个其实是第二个)节点开始的,向后4个节点,并为这4个

节点增加tmpExample样式。

12、向查找的结果集中添加节点  add()
      举例:$('ul#tmpAnimals li').add('li#tmpBrocoli,li#tmpPepper').addClass('tmpExample');
               id为tmpAnimals的ul节点下的li节点集,添加id为tmpBrocoli的li节点和添加id 为tmpPepper的li节点。并

将组合后的集合中所有li节点增加tmpExample样式。

13、结果集中选择指定元素 eq()
      举例:$('ul li').eq(10).addClass('tmpExample');
              页面ul下面的li集合中,给第10元素增加tmpExample样式。

Javascript 相关文章推荐
User Scripts: Video Download by User Scripts
May 14 Javascript
很可爱的输入框
Aug 03 Javascript
JavaScript 事件查询综合
Jul 13 Javascript
js以对象为索引的关联数组
Jul 04 Javascript
JS实现的最简Table选项卡效果
Oct 14 Javascript
分享jQuery封装好的一些常用操作
Jul 28 Javascript
再谈javascript注入 黑客必备!
Sep 14 Javascript
Ajax 加载数据 练习代码
Jan 05 Javascript
浅谈struts1 & jquery form 文件异步上传
May 25 jQuery
JS中利用swiper实现3d翻转幻灯片实例代码
Aug 25 Javascript
bootstrap tooltips在 angularJS中的使用方法
Apr 10 Javascript
js实现弹框效果
Mar 24 Javascript
基于jquery的一个OutlookBar类,动态创建导航条
Nov 19 #Javascript
非阻塞动态加载javascript广告实现代码
Nov 17 #Javascript
javascript实现的使用方向键控制光标在table单元格中切换
Nov 17 #Javascript
Google AJAX 搜索 API实现代码
Nov 17 #Javascript
jQuery阻止冒泡和HTML默认操作
Nov 17 #Javascript
菜鸟学习JavaScript小实验之函数引用
Nov 17 #Javascript
return false,对阻止事件默认动作的一些测试代码
Nov 17 #Javascript
You might like
PHP中对数据库操作的封装
2006/10/09 PHP
PHP实现正则表达式分组捕获操作示例
2018/02/03 PHP
php实现文章评论系统
2019/02/18 PHP
javascript 同时在IE和FireFox获取KeyCode的代码
2010/02/07 Javascript
javascript string字符串优化问题
2011/07/31 Javascript
学习JavaScript的最佳方法分享
2011/10/21 Javascript
jQuery之ajax技术的详细介绍
2013/06/19 Javascript
jquery解析XML字符串和XML文件的方法说明
2014/02/21 Javascript
javascript函数中参数传递问题示例探讨
2014/07/31 Javascript
JS for循环中i++ 和 ++i的区别介绍
2016/07/20 Javascript
javascript实现瀑布流动态加载图片原理
2016/08/12 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
2017/02/20 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
2017/02/22 Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
2017/08/15 Javascript
javascript函数的节流[throttle]与防抖[debounce]
2017/11/15 Javascript
基于jQuery实现无缝轮播与左右点击效果
2018/05/13 jQuery
详解Node.js中path模块的resolve()和join()方法的区别
2018/10/29 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
2019/08/23 Javascript
[01:01:31]2018DOTA2亚洲邀请赛3月29日小组赛B组 Mineski VS paiN
2018/03/30 DOTA
python定时检查启动某个exe程序适合检测exe是否挂了
2013/01/21 Python
python下载文件记录黑名单的实现代码
2017/10/24 Python
Python分支结构(switch)操作简介
2018/01/17 Python
python爬虫基础教程:requests库(二)代码实例
2019/04/09 Python
Python中*args和**kwargs的区别详解
2019/09/17 Python
keras获得model中某一层的某一个Tensor的输出维度教程
2020/01/24 Python
自定义实现 PyQt5 下拉复选框 ComboCheckBox的完整代码
2020/03/30 Python
详解CSS3 用border写 空心三角箭头 (两种写法)
2017/09/29 HTML / CSS
用Java语言将一个键盘输入的数字转化成中文输出
2013/01/25 面试题
自我鉴定怎么写
2013/12/05 职场文书
感恩寄语大全
2014/04/11 职场文书
党课培训心得体会
2014/09/02 职场文书
作风建设整改方案
2014/10/27 职场文书
2014年护士个人工作总结
2014/11/11 职场文书
2015年社区计生工作总结
2015/04/21 职场文书
论文致谢词范文
2015/05/14 职场文书
Python各协议下socket黏包问题原理
2022/04/12 Python