jQueryの基本セレクター
私は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>
次に、これらの基本的なセレクターの応用をそれぞれ見てみましょう
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, .... selectorNSelector:
selector,selector2,...selectorN
説明:各セレクターに一致する要素を結合して一緒に返します
戻り値:要素を設定します
例: 機能:クラスミニ要素と段落p要素の背景色を変更します<script type="text/javascript"> $(document).ready(function(){
//*选择器 $("*").css("background","#f96");
});</script>