本文重点解决jQuey遍历(1)问题,希望能够帮助到你
jQuery 遍历，意为“移动”，用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。
图示解释：
举例：
jQuery parent() 方法
parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 .ancestors *{ 7 display: block; 8 border: 2px solid lightgrey; 9 color: lightgrey; 10 padding: 5px; 11 margin: 15px; 12 } 13 </style> 14 <script src="jquery-1.12.0.min.js"> 15 </script> 16 <script> 17 $(document).ready(function(){ 18 $("li").parent().css({ 19 "color":"red", 20 "border":"1px solid green" 21 }) 22 }); 23 </script> 24 </head> 25 <body> 26 27 <div class="ancestors"> 28 <div style="width:500px;">div (曾祖父元素) 29 <ul>ul (祖父元素,li的父元素) 30 <li>li (父元素) 31 <span>span</span> 32 </li> 33 </ul> 34 </div> 35 36 <div style="width:500px;">div (祖父元素) 37 <p>p (父元素) 38 <span>span</span> 39 </p> 40 </div> 41 </div> 42 </body> 43 </html>
本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。
微信扫一扫打赏
支付宝扫一扫打赏
扫码加微信好友
© 2002-2022 星联科技(xinglianwangluo.com) 版权所有，并保留所有权利 老妖怪 蜀ICP备2024091751号-1
四川省广元市利州区
川公网安备 51080202000147号
