jquery遍历节点

来源:互联网 发布:二手交易软件排名 编辑:程序博客网 时间:2024/06/05 08:28
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">

</style>
</head>
<body>
   <ul>
    <li>海贼王
  <span></span>
    </li>
    <li class="pic">火影王者</li>
    <li>柯南</li>
    <li>龙珠</li>
   </ul>
</body>
<script  src="js/jquery-3.2.1.min.js" ></script>
<script type="text/javascript">
//.children() 返回所有子节点
$('ul').children().css({'width':'100px','backgroundColor':'yellow','borderBottom':'1px solid gray'});
     //.parent() 返回父元素
      $('span').parent().css({'fontSize':'30px'});
   //.find(选择器) 匹配后代元素
   $('ul').find('.pic').css({'color':'red'});
    
</script>
</html>
原创粉丝点击