jquery中性子要素と子孫要素の違いの例の紹介

今日はjQueryのセレクタを勉強します.
jQueryセレクタは、基本セレクタ、階層セレクタ、フィルタセレクタ、フォームセレクタに分けられます.
基本セレクタ:id,class,ラベル名,*,要素組合せ(div,span,p.myClass)
階層セレクタ:
難点:jquery中性子要素と子孫要素の違い
子孫は、現在の要素のすべての子孫です.
サブエレメントは、現在のエレメントのサブセットであり、さらに下に進むと計算されません.
具体的な分析は以下の通りです.

 
  
This is very important.
 
  
This is really very important.
 
  
 
 

以上はhtmlです.実行後はブラウザで
This is very important.
This is really very important.
このようなスタイルは、効果が見やすいようにcss色を追加して試してみましょう
$(「div strong」)を実行する場合.css("color","red");divの子孫要素strongを赤くすることです.実行後
This is very important.
This is really very important.
$(「div>strong」)を実行する場合.css("color","blue");divのサブエレメントstrongを青にすることです.実行後
This is very important.
This is really very important.
通俗的にこのように理解することができて、例えば1家の3世代の同堂があって、おじいさん、お父さんとあなた、このようにおじいさんの子の要素はあなたのお父さんで、同時にあなたのお父さんもおじいさんの子孫の要素で、あなたはただおじいさんの子孫の要素です.