jQueryの基本セレクター
私はjQueryをより體系的に學ぶために、初心者向けに私の學習體験を特別にまとめて投稿します。今日は主にjQueryの基本的なセレクターについてまとめます。
jQueryの基本的なセレクターは、jQueryで最も一般的に使用されるセレクターであり、主に要素のID、CLASS、要素のタグELEMENTを通して検索されます。など。HTMLのDOM要素。 Web ページ內(nèi)では、各 ID 名は 1 回のみ使用でき、クラスは繰り返し使用できます。 jQury アプリケーションでは、これらの基本セレクターを使用してほとんどの作業(yè)を完了できます。主に、その具體的な実裝プロセスを見てみましょう。より良く學ぶために、まずここに 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>我是一個行內(nèi)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
説明:各セレクターに一致する要素を結(jié)合して一緒に返します
戻り値:要素を設(shè)定します
例: 機能:クラスミニ要素と段落p要素の背景色を変更します<script type="text/javascript"> $(document).ready(function(){
//*選擇器 $("*").css("background","#f96");
});</script>
