JQuery 各种选择方法代码总结
2013-09-05 20:23
543 查看
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#tmps教程election').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样式
举例: $('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#tmps教程election').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 选择和过滤方法代码总结
- 3kb jQuery代码搞定各种树形选择的实现方法
- JQuery 选择和过滤方法代码总结
- Android中使用代码截图的各种方法总结
- jQuery常用的方法和标签总结01(有代码示例)
- C++类中各种不同类型成员根据是否static 、是否const类型的初始化方法不尽相同,写代码时经常搞乱,网上搜了一下资料,全部总结一下。一、例子 [cpp] view plaincopy ---
- Android中使用代码截图的各种方法总结
- Android中使用代码截图的各种方法总结
- Android中使用代码截图的各种方法总结
- Android中使用代码截图的各种方法总结
- Android中使用代码截图的各种方法总结
- Android中使用代码截图的各种方法总结
- DataTable各种方法总结(给Datatable添加行列、DataTable选择排序等
- jQuery各种选择器、节点、事件,删除、复制、插入元素的使用方法总结
- DataTable各种方法总结(给Datatable添加行列、DataTable选择排序等
- jquery对Json的各种遍历方法总结(必看篇)
- Android中使用代码截图的各种方法总结
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结