JQuery选择和过滤方法代码总结_jquery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JQuery选择和过滤方法代码总结_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2853字，纯文字阅读大概需要5分钟。
内容图文
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样式。
内容总结
以上是互联网集市为您收集整理的JQuery选择和过滤方法代码总结_jquery全部内容，希望文章能够帮你解决JQuery选择和过滤方法代码总结_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。