ホームページ  >  記事  >  ウェブフロントエンド  >  JQuery セレクターの xpath 構文 application_jquery

JQuery セレクターの xpath 構文 application_jquery

WBOY
WBOYオリジナル
2016-05-16 18:27:392411ブラウズ

たとえば、次の HTML コード

コードをコピー コードは次のとおりです。

< ul>
  • li-1

  • li-2
  • li-2


  • li-1

    li-2




    いいえ、E[@attr]
    $("[@title]").click()......
    を選択する方法です。つまり、属性に基づいてすべての要素を選択します。 title 属性
    を持つ要素は
  • li-1

  • li- 2

  • li-1

    ;li-2


    $("div[@title]").click().......

    下のタイトルを持つすべての要素を選択しますすべての div タグ
    つまり、
    li-1

    li-2< ;/div>


    2 番目の方法は、E[@attr=val]
    $("div[@title=ttt]") を選択することです。 )... ......................

    title 属性が ttt
    と等しい div の下のすべての要素を選択します。つまり、
    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 要素のすべての属性タイトル 値は要素
    であり、その値は ttt に等しく、その属性クラスは aaaa に等しい。
    声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。