Jquery_jquery での CSS セレクターの使用状況の分析

この記事の例では、Jquery での CSS セレクターの使用法について説明します。皆さんの参考に共有してください。詳細は以下の通りです。

jQuery は一連の CSS セレクターを使用します。タグ セレクター、ID セレクター、クラス セレクター、ユニバーサル セレクター、およびグループ セレクターの合計 5 種類があり、次のように説明されます。

1. タグセレクター

は、HTML ページ内の既存のタグ要素を選択するために使用されます。要素セレクターとも呼ばれます。形式は、$("div") などの $("element") で、getElementByTagName

と同じです。

2.IDセレクター

は、id 属性を持つ要素を取得するために使用されます。形式は次のとおりです: $("id")。getElementById
と同じです。

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

$("#users").val();

3. クラスセレクター

は、クラス属性を持つ要素を取得するために使用されます。形式: $("class")

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

このテキスト ボックスに境界線のスタイルを追加します。まず、クラス属性を使用してテキスト ボックスをバインドします。

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

$(".t").css("border", " 2px 青一色 ");

4. ユニバーサルセレクター

ユニバーサル セレクター (*) はすべての要素に一致し、主にコンテキストに応じた検索、つまり HTML ページ $("*") 内のすべてのタグを検索するために使用されます

5. グループセレクター

は複数要素セレクターとも呼ばれ、指定されたすべてのセレクターの組み合わせの結果を選択するために使用されます。 構文は次のとおりです。

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

$("selector1, selector2, selector3")

例:

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

$("div, span, p. styleClass").css("border", "1px 赤一色");

包括的な例:

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