jquery 查詢匹配元素的所有子元素，使用children()函式;
jquery 查詢匹配元素的所有子孫元素，使用find()函式;
執行下面例項，檢視兩者區別：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <style type="text/css"> *{margin:0;padding:0;} ul li{ list-style:none;} img {border:0 none;} body {padding:100px;} input[type='button']{width:100px; height:38px;display:block;position:fixed;right:20%; top:50px;} span{display:inline-block;float:left;width:100px; height:100px; text-align:center;border:1px blue solid;margin-right:10px;} </style> <script type="text/javascript"> $(function(){ $("input[type='button']").focus().click(function(){ // 使用children() // $(".demo").children('*').css({ // color:'red', // border:"2px red solid", // }) // .end().after('<p>所有子節點:<br/>'+$(".demo").children('*').length+'</p>') //使用find() $('.demo').find('*').css({ color:'red', border:"2px red solid", }) .end().after('<p>所有子節點:<br/>'+$('.demo').find('*').length+'</p>') }) }) </script> <input type="button" value="點選測試"/> <div class="demo"><span>span子節點<b>b孫節點</b></span></div>

提示：你可以先修改部分程式碼再執行。