Jquery节点遍历next与nextAll方法使用示例
Jqeruy节点遍历
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Jquery/jquery-1.10.2.min.js" type="text/javascript"></script> <script type="text/javascript"> //节点遍历 /*--next()方法用于获取“节点之后”挨着它的第一个“同类同辈”元素--*/ $(function () { /* $("div").click(function () { alert($(this).next("div").text()) //效果：当单击AA的时候会弹出BB,当点击BB的时候会弹出CC，当点击CC的时候会弹出空的警告框（因为CC这个div节点后挨着它的是p元素，所以就弹出一个空的警告框），当点击FF的时候会弹出KK，当点击KK的时候会弹出空的警告框，(因为KK这个div节点后没有同辈的div元素挨着它了，所以就弹出一个空的警告框) */ /*--nextAll()方法用于获取“节点之后”所有的元素--*/ /* $("div,p").click(function () { alert($(this).nextAll().text()); //当单击div标签或者p标签的时候弹出点击的当前标签后的所有标签的text(); }) */ /* $("div,p").click(function () { alert($(this).nextAll("p").text()); //当单击div标签或者p标签的时候弹出点击的当前标签后的所有p标签的text(); }) */ /* $("div").click(function () { $(this).nextAll("div").css("background", "red"); //当点击div标签的时候将它后面的所有div标签的背景都设为红色 }) */ /* $("div").click(function () { $.each($(this).nextAll("div"), function () { $(this).css("background-color", "red") })//当点击div标签的时候将它后面的所有div标签的背景都设为红色,与上面的那一条效果是一样的（解释：先取得当前点击的div标签后面的所有div标签，然后对它进行遍历，然后通过后面的匿名函数将取得的所有div标签的背景设为红色）注意这前后两个this意思是不一样的：前面的this指的是当前点击的div标签，后面的thi是：在获取到当前点击的div标签的“后面的div标签”后，遍历他们的每一个div,后面的thi是：在后面的匿名函数正在处理的“当前遍历到的div标签” 【前面的是当前点击的div，后面的匿名函数的真正处理的当前div】 }) */ $("div,p").click(function () { //$(this).css("background", "red"); $(this).siblings().css("background", "yellow"); //将当前点击的div或者P标签背景设为红色，其他的兄弟标签背景设为黄色 $(this).css("background", "red").siblings().css("background", "yellow");//与上面一句等同 }) }) </script> </head> <body> <div> AA</div> <div> BB</div> <div> CC</div> <p> DD</p> <p> EE</p> <div> FF</div> <div> KK</div> </body> </html>
-
本文向大家介绍jQuery遍历之next()、nextAll()方法使用实例，包括了jQuery遍历之next()、nextAll()方法使用实例的使用技巧和注意事项，需要的朋友参考一下 jquery遍历：next()和nextAll()方法。实例如下： 说明： （1）next()方法：是指获得匹配元素的相邻同同辈元素（即下一个同辈元素），注意，同辈元素并不是标签相同的元素，而是指该元素闭合后的下
-
本文向大家介绍JQuery中节点遍历方法实例，包括了JQuery中节点遍历方法实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JQuery中节点遍历方法。分享给大家供大家参考。具体如下： 希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍jQuery DOM节点的遍历方法小结，包括了jQuery DOM节点的遍历方法小结的使用技巧和注意事项，需要的朋友参考一下 本文介绍了jQuery DOM节点的遍历方法小结，分享给大家，也给自己留个笔记 children()方法 jQuery是一个合集对象，如果想快速查找合集里面的第一级子元素，此时可以用children()方法。这里需要注意：.children(selector)
-
主要内容：jQuery 遍历方法jQuery 遍历方法 方法 描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃。addBack() 的别名 children() 返回被选元素的所有直接子元素 closest() 返回被选元素的第一个祖先元素 contents() 返回被选元素的所有直接子元素（包含文本和注释节点） each() 为每个
-
本文向大家介绍jQuery使用each遍历循环的方法，包括了jQuery使用each遍历循环的方法的使用技巧和注意事项，需要的朋友参考一下 1、选择器+遍历 2、选择器+遍历 3、更适用的遍历方法 1）先获取某个集合对象 2）遍历集合对象的每一个元素 下面看下jQuery 遍历 - each() 方法 总结 以上所述是小编给大家介绍的jQuery使用each遍历循环的方法，希望对大家有所帮助，如果
-
本文向大家介绍jQuery删除节点用法示例(remove方法)，包括了jQuery删除节点用法示例(remove方法)的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery删除节点的方法。分享给大家供大家参考，具体如下： 效果图如下： 更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作