私はjQueryをより体系的に学ぶために、初心者向けに私の学習体験を特別にまとめて投稿します。今日は主にjQueryの基本的なセレクターについてまとめます。
jQuery
の基本的なセレクターは、jQueryで最も一般的に使用されるセレクターであり、主に要素のID、CLASS、要素のタグELEMENTを通して検索されます。など。HTMLのDOM要素。 Web ページ内では、各 ID 名は 1 回のみ使用でき、クラスは繰り返し使用できます。 jQury アプリケーションでは、これらの基本セレクターを使用してほとんどの作業を完了できます。主に、その具体的な実装プロセスを見てみましょう。より良く学ぶために、まずここに HTML タグ コードをリストします:<div id="mydiv">
<div class="mini">我是一个名为mini的div标签</div>
<div class="mini">我是一个名为mini的div标签</div>
<div class="mini">我是一个名为mini的div标签</div>
<p>我是一个段落p标签</p>
<span>我是一个行内span标签</span>
<div>
次に、これらの基本的なセレクターの応用をそれぞれ見てみましょう
1. ID セレクター
Selector:
#id
説明:
指定された ID に基づいて要素と一致します
戻り値:
単一の要素
例:
<script type="text/javascript"> $(document).ready(function(){
//id选择器 $("#mydiv").css("background","#f96");
});</script>
機能:
ID mydiv
2 の要素の背景色を変更します。クラスセレクター
セレクター
: .class
説明:
指定されたクラス名に一致する要素を返す
戻り値:
コレクション要素
例:
<script type="text/javascript"> $(document).ready(function(){
//class选择器 $(".mini").css("background","#f96");
});</script>
関数:
背景色を変更するmini クラスのすべての要素
3. タグ要素
セレクター:
element
説明:
指定された要素名に基づいて要素を照合
戻り値:
コレクション要素
例:
rrreええ
機能:
要素名が <div>
Four であるすべての要素の背景色を変更します。すべての要素*
セレクター:
*
説明:
一致するすべての HTML タグ要素を変更します
戻り値:
コレクション要素
例:
<script type="text/javascript"> $(document).ready(function(){
//element选择器 $("div").css("background","#f96");
});</script>
機能:
すべての HTML 要素タグの背景色を変更します
5. selector1, selector2, .... selectorN
Selector:
selector,selector2,...selectorN
説明:
各セレクターに一致する要素を結合して一緒に返します
戻り値:
要素を設定します
例:
<script type="text/javascript"> $(document).ready(function(){
//*选择器 $("*").css("background","#f96");
});</script>機能:クラスミニ要素と段落p要素の背景色を変更します
