jQueryでテーブルの交互表示を実現するメソッドcolors_jquery

この記事の例では、jQuery がテーブルの色の交互表示をどのように実現するかを説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

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

<頭>


<スクリプトタイプ="text/javascript">
jQuery(ドキュメント).ready(function(){
jQuery(".truecolor tr:odd").addClass("color1");
jQuery(".truecolor tr:even").addClass("color2");
jQuery(".truecolor tr").hover(function(){
jQuery(this).addClass("color3")
},function(){
jQuery(this).removeClass("color3")
});
});




<テーブル幅="450" クラス="truecolor">
<頭>

ブログ
著者
ウェブサイト




ダンス オブ スタイル
火德
1 行ごとに色を変更します


チャオ・レイのブログ
チャオ・レイ
新浪微博


ロンリースクエア
魏春亮
クラスメイト


タオバオ UED
タオバオ
頻繁に買い物する

この記事が皆さんの jQuery プログラミングに役立つことを願っています。