ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryテーブルの行色変更の3つの実装方法_jquery

jQueryテーブルの行色変更の3つの実装方法_jquery

WBOY
WBOYオリジナル
2016-05-16 18:05:411350ブラウズ
コードをコピー コードは次のとおりです。

$('tr').hover(function(event) ) {
$(this)[ (event.type == 'mouseenter' ? 'add' : 'remove') 'Class' ]('test') // テストはスタイル
}); 🎜>
$('tr').hover(function(event) {
$(this).toggleClass('test'); //テストはスタイル
}); >$( 'tr').hover(function(){
$(this).addClass('test'); //テストはスタイル
}, function(){
$(this) .removeClass( 'test'); //test は style
}); 注: 通常の状況では、2 番目の方法を使用しても問題ありませんが、テーブル行が使用できない場合は、ドラッグされるとバグが発生し、セルフテストでそれがわかります。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。