ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryテーブル代替行色変更コード[注釈付き改訂版]_jquery

jQueryテーブル代替行色変更コード[注釈付き改訂版]_jquery

WBOY
WBOYオリジナル
2016-05-16 18:58:451074ブラウズ

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

.org/1999/xhtml"> ;head>

🎜>
<script> ready(function() { <br>$('tr').addClass('odd'); <br>$('tr:even').addClass('even '); //奇数色と偶数色の変更、 add style <br>}); <br></script>
#hacker tr:hover{
background-color:red;マウスが行に移動したときに色が変わる効果。Jquery のマウスオーバーやホバーよりも使いやすいです
}

.odd {
background-color: #ffc;奇数行の場合 */
}
.even {
background-color: #cef; /* 偶数行の場合は淡い青 */
}
< ;/ 頭>




;td>コメディ
終わり良ければすべて良し ;tr>
ハムレット
悲劇

;/td>
悲劇

td>悲劇

;/td>























[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります
]
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。