ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery はオブジェクトを取得し、sub-object_jquery を見つけます。

jQuery はオブジェクトを取得し、sub-object_jquery を見つけます。

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

選択内の特殊記号:

# 命令 ID
。命令クラス
* すべての
を選択し、
スペースの子孫
> を選択します。 🎜> 次へ
: 子 (多機能)
() 機能フィルタリングと検索

div の下のすべてのヘッダー オブジェクトを取得します: $("div :header")


AAA


BBB



DDD

FFF





すべてのタイトル オブジェクトを取得します: $(" :header")



コードをコピー


コードは次のとおりです:

AAA< ;/h3>

CCC

DDD

EEE



として: $("li:first") または $("li").first() または $("ul :first") または $("ul li:first")




コードをコピー


コードは次のとおりです:


  • AAA
  • BBB
  • CCC
  • EEE
  • li>FFF
  • ;/ul>
  • YYY



    $("li:first-child") または $("ul li:first-child") または $(" など、各グループの最初の値を取得します。 ul : first-child")




    コードをコピー


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


    <
  • AAA

  • CCC

  • DDD
  • EEE
  • FFF

  • ; $("li:last") または $("li" など) ").last() または $("ul :last") または $("ul li:last")




    コードをコピー


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



  • AAA

  • BBB
  • ;CCC
  • DDD
  • EEE

  • GGG


    ;li>XXX



  • コードをコピーします


    コードは次のとおりです:


    • AAA

    • BBB

    • CCC

    • DDD

    • EEE

    • FFF

    • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



    获取第几个, 如(获取第三个, eq 是 0 起): $("li:eq(2)") または $("li").eq(2)
    复制代 代码如下:


    • AAA

    • BBB

    • CCC

    • DDD

    • EEE

    • FFF

    • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



    获取第3个之後、如(获取第三个之後、gt 是 0 起): $("li:gt(2)")
    复制代码代码如下:


    • AAA

    • BBB

    • CCC

    • DDD

    • EEE

    • FFF

    • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



    获取第一几个之前的、如(获取第三个之前的, lt 是 0 起): $("li:lt(2)")
    复制代码代码如下:


    • AAA

    • BBB

    • CCC

    • DDD

    • EEE

    • FFF

    • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



    获取インデックス值は偶数的、如(偶数である 0 起): $("li:even")
    复制代代码如下:


    • AAA

    • BBB

    • CCC

    • DDD

    • EEE

    • FFF

    • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



    获取インデックス值是奇数的, 如(odd 是 0起): $("li:odd")
    复制代代码如下:


    • AAA

    • BBB

    • CCC

    • DDD

    • EEE

    • FFF

    • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



    获取每组第偶数个, 如(nth-child 是 1 起): $("li:nth-child(even)")
    复制代代码如下:


    • AAA

    • BBB

    • CCC

    • DDD

    • EEE

    • FFF

    • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



    获取每组第奇数个, 如(nth-child 是 1 起): $("li:nth-child(odd)")
    复制代代码如下:


    • AAA

    • BBB

    • CCC

    • DDD

    • EEE

    • FFF

    • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



    获取每组第几个, 譬如第 2 个(nth-child 是 1 起): $("li:nth-child(2)")
    复制代码代码如下:


    • AAA

    • BBB

    • CCC

    • DDD

    • EEE

    • FFF

    • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



    用表达式指示每組の第二几个、如(nth-child 是 1 起): $("li:nth-child(3n-1)")
    复制代 代码如下:


    • AAA

    • BBB

    • CCC

    • DDD

    • EEE

    • FFF

    • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



    如果是父元素中唯一の子元素、例: $("li:only-child")
    复制代码代码如下:


    • AAA

    • BBB

    • CCC

    • DDD

    • EEE

    • FFF

    • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



    :not 他の选择的取反、例: $("li:not(li:first-child)")
    复制代代码如下:


    • AAA

    • BBB

    • CCC

    • DDD

    • EEE

    • FFF

    • GGG



      • 111



      • XXX

      • YYY

      • ZZZ


    声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    前の記事:JavaScriptの等号演算子の使い方_基礎知識次の記事:JavaScriptの等号演算子の使い方_基礎知識

    関連記事

    続きを見る