ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery学習ノートセレクターthree_jquery

JQuery学習ノートセレクターthree_jquery

WBOY
リリース: 2016-05-16 18:49:27
オリジナル
991 人が閲覧しました

复制代代码如下:





無标题文档






h1


h2


  • li1
      1

      2

      3

      4


  • li2
      5

      6


  • li3


  • checkbox1
    checkbox2


    最初のウルポイントの表示
    最後の最後にある点の表示
    未選択のチェックボックスの ID
    表示インデックスはカップ数の ul コンテンツ
    表示インデックスは奇数の ul コンテンツ
    表示インデックスが 3 の ul コンテンツ
    インデックスが 3 を超える ul コンテンツを表示
    インデックスが 3 未満の ul コンテンツを表示
    表示页面标题内容


    結果:








    このセクションには課外の知識ポイントがないようです。はは、本題に入りましょう
    1.$("TabName:first")
    説明: 特定のノードの最初のノードは、次のことができます。例では 6 つの ul があります。$("ul:first") を使用して最初の ul ノードを取得します。
    戻り値:
    2.$("TabName:Last")
    説明 : 前の使用法と同様ですが、唯一の違いは、このメソッドが最後のノードを取得するために使用されることです
    戻り値: 要素;
    3.$("TabName:not(:attribute)")
    説明: このメソッドは、いくつかの単純なセレクター フィルタリングを実装できます。たとえば、$("input:not(:checked)") は、選択されていないチェックボックス要素を選択します。このメソッドは、ブール値のみを選択できるようです。属性でフィルターします。この例では、false にチェックされた入力を選択することに相当します。
    戻り値: Array(Element);
    4.$("TabName:even")
    説明: 特定のノードの偶数インデックス ノードのセットを取得するために使用されます。インデックスは 0 から始まるため、この例では、
    をクリックした後、aEven は 1 番目、3 番目、および 5 番目の ul ノードを取得します。 戻り値: Array(Element);
    5.$("TagName:odd" )
    説明: 前のメソッドと同様ですが、唯一の違いは、奇数のノードのセットを取得することです。
    戻り値: Array(Element);
    6.$("TagName:eq(index)")
    説明: 特定のノード コレクション内のインデックス インデックス位置を取得するために使用されるノード
    Return値: Array(Element);
    7.$("TagName:gt(index)")
    説明: 特定のノード コレクション内のインデックスより大きいインデックスを持つノード コレクションを取得するために使用されます
    戻り値: Array (Element);
    8.$("TagName:lt(index)")
    説明: 特定のノード セット内のインデックスが小さいノード セットを取得するために使用されます
    戻り値: Array(Element) ;
    9.$(":header")
    説明: ページ内の h1、h2、h3 などのタイトル ノードのコレクションを取得するために使用されます
    戻り値: Array(Element) ;
    関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート