1. 程式人生 > >jQuery:find()方法及children方法的異同

jQuery:find()方法及children方法的異同

find():對所有子元素。

children:僅僅是元素一下級的子元素。

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("ul.eve").children().css('border','1px solid red');
  $("ul.evefind").find("li").css('border','1px solid red');

});
</script>
</head>
<body>
<ul class="eve">
    <li>1</li>
    <li>2</li>
    <li>3</li>
       <ul class="eve3">
           <li>4</li>
       </ul>
</ul>
<ul class="evefind">
    <li>1</li>
    <li>2</li>
    <li>3</li>
       <ul class="eve3">
           <li>4</li>
       </ul>
</ul>

</body>
</html>