jquery_jquery の複数条件セレクター、相対セレクター、階層セレクターの違い-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

jquery_jquery の複数条件セレクター、相対セレクター、階層セレクターの違い

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 05:52 PM

階層セレクター

1. Jquery で一般的に使用されるフィルターセレクターは次のとおりです。

1. :first、$("div:first") などの最初の要素を選択します。最初の div 要素を選択します。

2. :last、最後の要素を選択します (例: $("div:last") 最後の div 要素を選択します

3. :not (selector)、「selector」条件を満たさない要素を選択します, たとえば、$("div:not(.className)") は、スタイルが className

ではないすべての div 要素を選択します。 4. :even/:odd、偶数/奇数のインデックスを持つ要素を選択します。 $("div :even")、偶数のインデックス番号を持つすべての div 要素を選択します

5、:eq (インデックス番号)/:gt (インデックス番号)/:lt (インデックス番号)、と等しいものを選択しますインデックス番号 / インデックスより大きい番号 / インデックス番号より小さい要素 (例: $("div:lt(3)") は、インデックス番号が 3 より小さいすべての div 要素を選択します

注: 混合使用

フィルターセレクターの後続のフィルター条件は、前のフィルターセレクターによるフィルター後の再番号付けに基づいていることに注意してください。つまり、フィルター処理は

のように段階的に行われます。 $("#t1 tr:gt(0):lt (3)").css("fontSize", "28"); //lt(3) は gt(0) からの新しいシーケンスのシリアル番号です。 lt(4)

2 番目にフォーカス

複数条件セレクター
複数条件セレクター: $( "p,div,span,menuitem")、p タグ、div タグ、および menuitem スタイル
の spam タグ要素を同時に選択します。セレクター式にはスペースを増減できないことに注意してください。これは簡単です間違いを犯すこと！

相対セレクター

$() で 2 番目のパラメーターを指定している限り、2 番目のパラメーターは相対要素です。たとえば、HTML コードは次のとおりです:

コードをコピーしますコードは次のとおりです:

td>dsfdef ;/tr> ;td>dsds

td
$("td", $(this)).css("background ", "red") の背景色を操作する次の JS コード。このコードは相対セレクターを使用し、選択された td は相対です。現在の tr 要素。選択された td 要素は現在の tr 要素の下にあるすべての td 要素であり、他の行に関与する td 要素はありません

コードをコピー

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

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7400

Java チュートリアル

1630

CakePHP チュートリアル

1358

Laravel チュートリアル

1268

PHP チュートリアル

1217

Related knowledge

JavaScriptの文字列文字を交換します Mar 11, 2025 am 12:07 AM

JavaScript文字列置換法とFAQの詳細な説明この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します：内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します最も直接的な方法は、置換（）メソッドを使用することです。 str = str.replace（ "find"、 "置換"）; この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace（/fi

8見事なjQueryページレイアウトプラグイン Mar 06, 2025 am 12:48 AM

楽なWebページレイアウトのためにjQueryを活用する：8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます

独自のAjax Webアプリケーションを構築します Mar 09, 2025 am 12:11 AM

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか？ Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか？ Mar 18, 2025 pm 03:12 PM

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

Ajaxを使用して動的にボックスコンテンツをロードします Mar 06, 2025 am 01:07 AM

このチュートリアルでは、Ajaxを介してロードされた動的なページボックスの作成を示しており、フルページのリロードなしでインスタントリフレッシュを可能にします。 JQueryとJavaScriptを活用します。カスタムのFacebookスタイルのコンテンツボックスローダーと考えてください。重要な概念： ajaxとjquery

10 jQueryの楽しみとゲームプラグイン Mar 08, 2025 am 12:42 AM

10の楽しいjQueryゲームプラグインして、あなたのウェブサイトをより魅力的にし、ユーザーの粘着性を高めます！ Flashは依然としてカジュアルなWebゲームを開発するのに最適なソフトウェアですが、jQueryは驚くべき効果を生み出すこともできます。また、純粋なアクションフラッシュゲームに匹敵するものではありませんが、場合によってはブラウザで予期せぬ楽しみもできます。 jquery tic toeゲームゲームプログラミングの「Hello World」には、JQueryバージョンがあります。ソースコード jQueryクレイジーワードコンポジションゲームこれは空白のゲームであり、単語の文脈を知らないために奇妙な結果を生み出すことができます。ソースコード jquery鉱山の掃引ゲーム