jQuery遍歷之find()方法
jQuery是一個合集對象,如果想快速查找DOM樹中的這些元素的后代元素,此時可以用find()方法,這也是開發(fā)使用頻率很高的方法。這里要注意 children與find方法的區(qū)別,children是父子關系查找,find是后代關系(包含父子關系)
理解節(jié)點查找關系:
<div class="div">
<ul class="son">
<li class="grandson">1</li>
</ul>
</div>
代碼如果是$("div").find("li"),此時,li與div是祖輩關系,通過find方法就可以快速的查找到了。
find()方法要注意的知識點:
find是遍歷當前元素集合中每個元素的后代。只要符合,不管是兒子輩,孫子輩都可以。
與其他的樹遍歷方法不同,選擇器表達式對于 .find() 是必需的參數。如果我們需要實現對所有后代元素的取回,可以傳遞通配選擇器 '*'。
find只在后代中遍歷,不包括自己。
選擇器 context 是由 .find() 方法實現的;因此,$('.item-ii').find('li') 等價于 $('li', '.item-ii')(找到類名為item-ii的標簽下的li標簽)。
注意重點:
find()和.children()方法是相似的
1.children只查找第一級的子節(jié)點
2.find查找范圍包括子節(jié)點的所有后代節(jié)點
下面我們來寫一個實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <div> <p>php.cn</p> <ul> <li>php<span> 中文網</span></li> </ul> </div> <script> $("div").find("span").css("color",'red'); </script> </body> </html>