JQueryセレクタxpath構文適用
1440 ワード
例えばhtmlコード
1つ目は属性に基づいてE[@attr]を選択する
$("[@title]").click()..........
すなわち、titleを持つすべての要素の属性を持つ要素を選択します.
すなわち
li-1
li-2
li-1
li-2
$("div[@title]").click()..........
すべてのdivラベルの下にあるtitle付き要素をすべて選択
すなわち
li-1
li-2
2つ目は属性値に基づいてE[@attr=val]を選択する
$("div[@title=ttt]").click()................
divの下のすべてのtitle属性がtttに等しい要素を選択します.
すなわち
li-1
$([@title=ttt])の場合.click()................
すべての要素の下で属性titleがtttに等しい要素
li-1
li-1
3つ目は属性値からアルファベット選択E[@attr^=val]を開始する
$("div[@title^=t]").click()................
すべてのdiv要素の下のすべての属性title値はtで始まる要素です
3つ目は属性値からアルファベット選択E[@attr$=val]を開始する
$("div[@title$=t]").click()................
すべてのdiv要素の下のすべての属性title値はtで終わる要素です
3つ目は属性値に基づいてアルファベット選択E[@attr*=val]を含む
$("div[@title*=t]").click()................
すべてのdiv要素の下のすべての属性title値はtを含むすべての要素である
3つ目は、複数の属性に基づいてE[@attr=val][@attr=val]を選択する
$("div[@title=ttt][@class=aaaa]").click()................
すべてのdiv要素の下のすべての属性title値はtttに等しく、属性classはaaaに等しい要素である.
- li-1
- li-2
- li-2
li-1
li-2
li-2
1つ目は属性に基づいてE[@attr]を選択する
$("[@title]").click()..........
すなわち、titleを持つすべての要素の属性を持つ要素を選択します.
すなわち
li-1
li-2
li-1
li-2
$("div[@title]").click()..........
すべてのdivラベルの下にあるtitle付き要素をすべて選択
すなわち
li-1
li-2
2つ目は属性値に基づいてE[@attr=val]を選択する
$("div[@title=ttt]").click()................
divの下のすべてのtitle属性がtttに等しい要素を選択します.
すなわち
li-1
$([@title=ttt])の場合.click()................
すべての要素の下で属性titleがtttに等しい要素
li-1
li-1
3つ目は属性値からアルファベット選択E[@attr^=val]を開始する
$("div[@title^=t]").click()................
すべてのdiv要素の下のすべての属性title値はtで始まる要素です
3つ目は属性値からアルファベット選択E[@attr$=val]を開始する
$("div[@title$=t]").click()................
すべてのdiv要素の下のすべての属性title値はtで終わる要素です
3つ目は属性値に基づいてアルファベット選択E[@attr*=val]を含む
$("div[@title*=t]").click()................
すべてのdiv要素の下のすべての属性title値はtを含むすべての要素である
3つ目は、複数の属性に基づいてE[@attr=val][@attr=val]を選択する
$("div[@title=ttt][@class=aaaa]").click()................
すべてのdiv要素の下のすべての属性title値はtttに等しく、属性classはaaaに等しい要素である.