jQuery selector_jqueryの詳しい説明

$() 関数は、jQuery など、多くの JavaScript ライブラリでセレクター関数として使用されます。

$("#id") は id によって要素を取得します。これは document.getElementById() 関数を置き換えるために使用されます。

$("tagName") はタグ名を通じて要素を取得し、document.getElementsByTagName() 関数を置き換えるために使用されます。

jQuery の基本構文は次のとおりです: $(selector).action()、selector はセレクターです。

jQuery セレクターの分類

jQuery のセレクターは基本的に 4 つのカテゴリに分類できます:

基本セレクター (基本)

レベルセレクター (レベル)

フィルターセレクター(フィルター)

フォームセレクター (フォーム)

一部のカテゴリは、特定のサブカテゴリに分割できます。

基本セレクター

* はすべての要素に一致します。例: $("*") はすべての要素を選択します。

#id は、指定された ID に基づいて要素と一致します (最大で 1 つの要素のみが返されます)。例: $("#lastname") は、id="lastname" の要素を選択します。

.class は、指定されたクラス名に基づいて要素に一致します。例: $(".intro") は、class="intro" を持つすべての要素を選択します。

要素は、指定された要素名に基づいて要素と一致します。例: $("p") は、すべての

要素を選択します。

.class.class 例: $(".intro.demo") は、class="demo".(Intersection) を持つすべての要素を選択します。

selector1、selector2、…、selectorN、各セレクターで一致した要素を結合して返します(Union)。

単一の要素を返す #id セレクターを除き、他のセレクターは要素のコレクションを返します。

これは、HTML 仕様では ID が一意である必要があるため、ID が繰り返される要素は考慮されません。

複数の要素が同じ ID を持つ場合、この ID を取得することで最初の要素のみを取得できます。つまり、取得された jQuery オブジェクトの length 属性は 1 になります。

一致する要素が存在しない場合は、空の jQuery オブジェクトが返されます。

基本セレクターはカンマで区切って組み合わせることができ、結果はすべての条件の結果の結合になります。

カンマで区切られていない場合は、すべての条件が満たされる交差点になります。

レベルセレクター

$(“ancestor子孫”) は、直接の子要素とより深くネストされた子孫要素を含む、先祖要素内のすべての子孫要素を選択します。 例: $("div span") は

内のすべての 要素を選択します。

注: セレクターはページ全体をスキャンし、選択条件を満たすすべての要素が含まれます。そのため、 の下にある

が選択されます。

$("parent>child") は、親要素の下にある子要素を選択します。つまり、直接の子要素のみが選択されます。

は含まれません。

例: $("div>span") は、

要素の下にある要素名が

である子要素を選択します。

$("prev next") は、prev 要素の直後の次の要素 (同じレベル) を選択します。

例: $(“.one div”) は、クラス 1 の次の div 要素を選択します。

$("prev兄弟")は、prev要素(同じレベル)の後のすべての兄弟要素を選択します。

例: $("#two~div") は、ID が 2 の要素の後のすべての

要素を選択します。

同等のメソッド:

$("prev next") はメソッド $("prev").next("next"); と同等で、 prev 要素の直後の次の要素を選択します。

$("prev~sublings") はメソッド $("prev").nextAll("sublings") と同等で、 prev 要素の後にある同じレベルのすべての sublings 要素を選択します。

そして $("prev").sublings("next") メソッドは、前後の位置に関係なく、 prev と同じ世代のすべての next 要素を選択します。

フィルターセレクター

フィルター セレクターの一般的なカテゴリは 6 つのサブカテゴリに分かれています:

基本的なフィルタリング、可視性のフィルタリング、フォーム オブジェクトの属性のフィルタリング。

基本的なフィルタリング

GT と lt はそれぞれ、より大きく、より小さいです。

コンテンツフィルタリング

可視性フィルタリング

属性フィルタリング

属性フィルタリングは角括弧

で識別されます。 複数の属性フィルター セレクターが接続されている場合、結果の共通部分が取得されることに注意してください。

子要素のフィルタリング

前の基本フィルター セレクターでは、インデックスは 0 から計算されます。ここでは、サブ要素フィルター セレクターのインデックスは 1 から計算されます。

フォームオブジェクト属性フィルタリング

フォームセレクター

このウェブサイトの声明

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

ホットAIツール

Undresser.AI Undress

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

AI Clothes Remover

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

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

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

もっと見る

人気の記事

R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）

2週間前 By 尊渡假赌尊渡假赌尊渡假赌

ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法

1 か月前 By 尊渡假赌尊渡假赌尊渡假赌

スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？

4週間前 By DDD

R.E.P.O.ファイルの保存場所：それはどこにあり、それを保護する方法は？

4週間前 By DDD

2つのポイント博物館：すべての展示とそれらを見つける場所

1 か月前 By 尊渡假赌尊渡假赌尊渡假赌

もっと見る

ホットツール

メモ帳++7.3.1

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

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

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

もっと見る

ホットトピック

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

7369

15

Java チュートリアル

1628

14

CakePHP チュートリアル

1355

52

Laravel チュートリアル

1266

25

PHP チュートリアル

1215

29

もっと見る