JQuery-階層セレクタ

2448 ワード

JQuery-階層セレクタ
DOM要素間の階層関係で特定の要素(子孫要素、サブ要素、隣接要素、兄弟要素など)を取得する場合は、階層セレクタが非常に良い選択です.階層セレクタの説明は次のとおりです.
1,$(「ancestor descendant」)、ancestor要素のすべてのdescendant(子孫)要素を選択し、$(「div span」)
のすべての要素を選択します.
  <body>   <div>    :

$('body div').css("background","#bbffaa");

2,$("parent>child")parent要素の下のchild(サブ)要素を選択し,$("div>span")
要素名の下ののサブ要素を選択する
  <body>  <div>      :

$('body>div').css("background":"#bbffaa");

3,$('prev+next')、prev要素の後に進むnext要素を選択し、$('.one+div')classをoneの次の
要素を選択する
  class one    <div>     :

$('.one+div').css("background",“#bbffaa”);

4,$('prev~siblings')prev要素の後のすべてのsibligs要素を選択し,$('#two-div')idがtwoの要素の後ろのすべての
兄弟要素を選択する
  id two        <div>        :

$('#two~div').css("background","#bbffaa");