jQuery遍历节点方法汇总(推荐)

  

        & lt; p> Hello

  & lt; div>   & lt; span>你好Again   & lt; p class="盒子”在您好! & lt;/p>   & lt;/div>   & lt; p> Again

  & lt;脚本type=" text/javascript祝辞   $ (div)定格();//& lt; span>你好Again & lt; p类=昂凶印痹谀? & lt;/p>   $ (div)定格(.box)//& lt; p类=昂凶印痹谀? & lt;/p>   & lt;/script>      之前      

  

[相关方法)

  

(1) nextAll()方法:美元(div) .nextAll()——查找div之后的所有同级元素

  

(2) nextUntil()方法:美元(div) .nextUntil (“p”)——查找div之后直到p元素的所有同级元素

        & lt; p> Hello

  & lt; p类="盒子"祝辞你好Again

  & lt; div>   & lt; span> Again   & lt;/div>   & lt;脚本type=" text/javascript祝辞   $ (' p ') . next ();//& lt; p>你好Again

& lt; div> & lt; span> Again & lt;/div>   $ (' p ') . next (“.box”);//& lt; p类="盒子"祝辞你好Again

  & lt;/script>      

  

[相关方法有]

  

(1) prevAll()方法:美元(div) .prevAll()——查找div之前的所有同级元素

  

(2) prevUntil()方法:美元(div) .prevUntil (“p”) - - -查找div之前直到p元素的所有元素

        & lt; p> Hello

  & lt; div>   & lt; span>你好Again   & lt;/div>   & lt; p> Again

  & lt;脚本type=" text/javascript祝辞   $ (“p”) .prev ();//& lt; div> & lt; span>你好Again & lt;/div>   & lt;/script>      之前      

4.的兄弟姐妹()方法:美元(div) .siblings()——查找div前后所有的同级元素

  

5.发现()方法:美元(div);(跨度)——查找div元素内子元素并且是跨度元素

  

6. eq()方法:美元(div) .eq(1) - - -查找第二个div元素(索引下标从0开始)

  

7.第()方法:美元(李)当代()——获取第一个李元素

  

8.()方法:美元(李).last()——获取最后一个李元素

  

9.过滤()方法:美元(div) .filter (.box)——获取类名为盒子的div元素

  

10.()方法:$ (' .box ') . (div),- - - - -判断.box是否是div元素

  

11.地图()方法:美元(div) . map(回调)——将每个div执行调函数

  

例:遍历输入元素获取其价值值以”、“分隔添加到p元素内后面

        & lt; p> & lt; b>价值观:& lt;/b> & lt;/p>   & lt; form>   & lt;输入类型=拔谋尽钡拿?懊帧奔壑?" https://www.yisu.com/zixun/John "/比;   & lt;输入类型="文本" name="密码" value=" https://www.yisu.com/zixun/password "/比;   & lt;输入类型="文本" name=" url " value=" http://ejohn.org/"/比;   & lt;/form>   & lt;脚本type=" text/javascript祝辞   美元(“p”)。追加($(“输入”). map(函数(){   返回$ ().val ();   }). get ()。加入(","));//& lt; p>约翰,密码,http://ejohn.org/

  & lt;/script>      

12. hasclass()方法:美元(div) .hasClass(“盒子”)——查找含有类名为盒子的div

  

13.()方法:美元(div) .(跨度)——查找含包有跨度元素的div元素

  

14.不()方法:美元(div)自身之外(跨度)——查找不包含有跨度元素的div元素

  

15.片()方法:美元(“p”) .slice(0, 2)——查找第1个p元素到第3个p元素

  

16. offsetparent()方法:美元(“p”) .offsetParent() - - -查找p元素的第一个被定位的祖先元素

  

17.父()方法:美元(“p”) .parent()——返回包含p元素的唯一父节点的元素集合

  

18.的父母()方法:美元(“p”) .parent()——返回包含p元素的所有祖先节点(不包括根节点)

  

19. parentuntil()方法:美元(“p”) .parentUntil(“#箱”)——查找p元素的祖先级元素直到#箱为止

  

20.内容()方法:美元(div) .contents() - - -返回div元素内的所有子节点(包括文本节点)

  

21.结束()方法:美元(div);(跨度)指标()——最终将语句的主体变回前一次状态即:查找到跨度元素之后焦点返回到div元素

        & lt; div>   & lt; span> Hello   如何你# 63;   & lt;/div>   & lt;脚本type=" text/javascript祝辞   $ (' div ');(跨度).addClass(测试)指标()最终.attr('标题',' title1 ');//跨度添加类=测试;div添加标题=title1   & lt;/script>之前      

以上所述是小编给大家介绍的jQuery遍历节点方法汇总(推荐),希望对大家有所帮助,如果大家有任何疑问欢迎给我留的言,小编会及时回复大家的!

jQuery遍历节点方法汇总(推荐)