jQuery トラバーサル find() メソッド
jQuery はコレクション オブジェクトです。DOM ツリー內(nèi)でこれらの要素の子孫要素をすばやく見(jiàn)つけたい場(chǎng)合は、find() メソッドを使用できます。これも開(kāi)発でよく使用されるメソッドです。ここで、children メソッドと find メソッドの違いに注意する必要があります。 Children は親子関係の検索であり、find は子孫関係 (親子関係を含む) です。
<div というノードの検索関係を理解し??ます。 class="div">
<ul class= "son"> 」この時(shí)點(diǎn)では、li と div は祖先であり、find メソッドを使用してすぐに見(jiàn)つけることができます。
find() メソッドについて注意すべき知識(shí)ポイント:
Find は、現(xiàn)在の要素コレクション內(nèi)の各要素の子孫を走査することです。條件を満たしていれば息子でも孫でも関係ありません。
1. Children は、第 1 レベルの子ノードのみを検索します
2. find の検索範(fàn)囲には、子ノードのすべての子孫ノードが含まれますこれをやってみよう 例を書(shū)いてみましょう
<!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> 中文網(wǎng)</span></li> </ul> </div> <script> $("div").find("span").css("color",'red'); </script> </body> </html>