検索

ホームページ  >  記事  >  ウェブフロントエンド  >  jquery の入門 — インターレース カラー変更サンプルのセレクター実装 code_jquery

jquery の入門 — インターレース カラー変更サンプルのセレクター実装 code_jquery

WBOY
WBOYオリジナル
2016-05-16 17:44:291113ブラウズ

1. JQuery セレクターは CSS およびパス音声の構文の一部を継承し、タグ名、属性名、コンテンツを通じて DOM 要素を高速かつ正確に選択できます。
2. JavaScript と比較して、JQuery セレクターにはシンプルなコードと完全な検出メカニズムという利点があります。
3. JQuery セレクターを使用してインターレース色の変更を実現します。サンプル コードは次のとおりです:

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


;HEAD>
JQuery を使用してインターレース色の変更を実現します


/css">
body{font-size:12px;text-align:center}
#tbStu{width:260px;border:solid 1px #666;background-color:#eee}
# tbStu tr{行の高さ :23px}
#tbStu tr th{background-color:#ccc;color:#fff}
#tbStu .trOdd{background-color:#fff}

<スクリプト言語="javascript" type="text/javascript" src="jquery-1.8.3.min.js">
="text/javascript" >
$(function(){
$("#tbStu tr:nth-child(even)").addClass("trOdd");
})


;

学生番号 🎜>

1002女性
🎜>

レンダリングは次のとおりです:



4. JavaScript を使用してインターレース色の変更を実現するコードは次のとおりです
:




コードをコピーします

コードは次のとおりです。jquery の入門 — インターレース カラー変更サンプルのセレクター実装 code_jquery
🎜>JQuery はインターレース カラー コード を実装します:




コードをコピー


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




この 2 つと比較すると、JQuery コードの方が明らかに単純です。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：jquery 入門 — DOM オブジェクト Methods_jquery へのアクセス次の記事：jquery 入門 — DOM オブジェクト Methods_jquery へのアクセス

関連記事

続きを見る
性別 合計スコア
1001張暁明男性320< ; /td>

リー・ミンチー /td>