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 相关文章推荐
jQuery1.6 使用方法二
Nov 23 Javascript
jQuery操作input type=radio的实现代码
Jun 14 Javascript
用客户端js实现带省略号的分页
Apr 27 Javascript
js从Cookies里面取值的简单实现
Jun 30 Javascript
5款JavaScript代码压缩工具推荐
Jul 07 Javascript
跟我学习javascript的隐式强制转换
Nov 16 Javascript
浅谈使用splice函数对数组中的元素进行删除时的注意事项
Dec 04 Javascript
利用vue写todolist单页应用
Dec 15 Javascript
vue+axios实现登录拦截的实例代码
May 22 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
May 09 Javascript
jQuery HTML css()方法与css类实例详解
May 20 jQuery
微信小程序淘宝首页双排图片布局排版代码(推荐)
Oct 29 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服务器页面间跳转实现方法
2012/08/02 PHP
php curl请求信息和返回信息设置代码实例
2015/04/27 PHP
让广告代码不再影响你的网页加载速度
2006/07/07 Javascript
有关于JS辅助函数inherit()的问题
2013/04/07 Javascript
jquery实现兼容浏览器的图片上传本地预览功能
2013/10/14 Javascript
asp.net刷新本页面的六种方法总结
2014/01/07 Javascript
jquery.map()方法的使用详解
2015/07/09 Javascript
js强制把网址设为默认首页
2015/09/29 Javascript
js实现商品抛物线加入购物车特效
2020/11/18 Javascript
微信小程序 MD5加密登录密码详解及实例代码
2017/01/12 Javascript
jquery点赞功能实现代码 点个赞吧!
2020/05/29 jQuery
关于vue-router路径计算问题
2017/05/10 Javascript
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
2017/10/25 Javascript
Three.js 再探 - 写一个微信跳一跳极简版游戏
2018/01/04 Javascript
layui下拉列表select实现可输入查找的方法
2019/09/28 Javascript
详解JavaScript自定义函数
2020/07/29 Javascript
jQuery实现动态操作table行
2020/11/23 jQuery
Python模块学习 filecmp 文件比较
2012/08/27 Python
Python中有趣在__call__函数
2015/06/21 Python
深入理解NumPy简明教程---数组3(组合)
2016/12/17 Python
详解Python中的动态属性和特性
2018/04/07 Python
python3下使用cv2.imwrite存储带有中文路径图片的方法
2018/05/10 Python
django1.11.1 models 数据库同步方法
2018/05/30 Python
python寻找list中最大值、最小值并返回其所在位置的方法
2018/06/27 Python
在Python 中实现图片加框和加字的方法
2019/01/26 Python
12个Python程序员面试必备问题与答案(小结)
2019/06/24 Python
通过python改变图片特定区域的颜色详解
2019/07/15 Python
Django DRF路由与扩展功能的实现
2020/06/03 Python
Python获取浏览器窗口句柄过程解析
2020/07/25 Python
银行求职推荐信范文
2013/11/30 职场文书
会议接待欢迎词
2014/01/12 职场文书
2014年银行工作总结范文
2014/11/12 职场文书
社区工作者个人总结
2015/02/28 职场文书
烈士陵园观后感
2015/06/08 职场文书
2015教师个人年度工作总结
2015/10/23 职场文书
Python中Selenium对Cookie的操作方法
2021/07/09 Python