JQuery-階層セレクタ
2448 ワード
JQuery-階層セレクタ
DOM要素間の階層関係で特定の要素(子孫要素、サブ要素、隣接要素、兄弟要素など)を取得する場合は、階層セレクタが非常に良い選択です.階層セレクタの説明は次のとおりです.
1,$(「ancestor descendant」)、ancestor要素のすべてのdescendant(子孫)要素を選択し、$(「div span」)
DOM要素間の階層関係で特定の要素(子孫要素、サブ要素、隣接要素、兄弟要素など)を取得する場合は、階層セレクタが非常に良い選択です.階層セレクタの説明は次のとおりです.
1,$(「ancestor descendant」)、ancestor要素のすべてのdescendant(子孫)要素を選択し、$(「div span」)
のすべての要素を選択します.
2,$("parent>child")parent要素の下のchild(サブ)要素を選択し,$("div>span")
<body> <div> :
$('body div').css("background","#bbffaa");
2,$("parent>child")parent要素の下のchild(サブ)要素を選択し,$("div>span")
要素名の下ののサブ要素を選択する
3,$('prev+next')、prev要素の後に進むnext要素を選択し、$('.one+div')classをoneの次の
<body> <div> :
$('body>div').css("background":"#bbffaa");
3,$('prev+next')、prev要素の後に進むnext要素を選択し、$('.one+div')classをoneの次の
要素を選択する
4,$('prev~siblings')prev要素の後のすべてのsibligs要素を選択し,$('#two-div')idがtwoの要素の後ろのすべての
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");