Jqueryはサブ要素を取得する方法の分析を実現する

この例では、Jqueryがサブ要素を取得する方法について説明します.皆さんの参考にしてください.具体的には以下の通りです.
Jqueryがサブエレメントを取得する方法はchildren()メソッドとfind()メソッドの2種類ある.次に、この2つの方法をそれぞれ使用して、それらの違いを見てみましょう.
1.children()メソッド:要素の下の直接サブセット要素を取得する
2.find()メソッド:要素の下にあるすべてのサブセット要素を取得する
以下のHTMLコードを例にとります.

list1

list1-1

list1-2

list2

list2-1

list2-2

list3

list3-1

list3-2

3、children()メソッドulの下の直接サブセット要素li:$("ul").children("li")を取得
li要素の下にli要素がある場合、childrenメソッドは取得されません.取得した個数「$("ul").children("li").length」をlengthでテストでき,最終出力結果は3であった.
4、find()メソッドulの下のすべての要素li:$("ul").find("li")を取得する
注意すべきはfindメソッドはulラベルノードの下のliを無限にループして検索し,見つからないまでlengthで取得個数「$("ul").find("li").length」をテストし,最終出力結果は9である.
5、childrenとfindの違い:childrenは直接サブセットだけを検索し、findは階層を越えて検索し、ずっと見つからないまで検索します.
jQueryの関連内容についてもっと興味のある読者は、「jQueryよくある事件の使い方とテクニックの総括」、「jQuery常用プラグインと使い方の総括」、「jQuery操作jsonデータテクニックの総括」、「jQuery拡張テクニックの総括」、「jQueryよくある経典の特効の総括」、「jqueryセレクタの使い方の総括」を参照してください.
本文で述べたことが皆さんのjQueryプログラム設計に役立つことを望んでいます.