jQuery を実装して、行ごとにテーブルの色を変更する方法と、mouseover_jquery の後に色を変更する 2 つの方法

1. 1 行おきに色を変更します

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

$( "tr:odd" ).css("背景色","#eeeeee");
$("tr:even").css("背景色","#ffffff");

または 1 行で実行します:

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

$("table tr:nth -child(odd)").css("background-color","#eeeeee");

:nth-child は N 番目と一致します親要素の下にある子要素または奇数偶数要素

2. マウスの色が変わります

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

$("tr ").live({
mouseover:function(){
$(this).css("background-color"," #eeeeee");
},
mouseout:function() {
$(this).css("background-color","#ffffff");
}
})

または

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

$("tr").bind("mouseover",function(){
$(this).css("background-color","#eeeeee");
})
$( "tr").bind("mouseout",function(){
$(this ).css("background-color","#ffffff");
})

もちろん、live() と binding() はどちらも複数のイベントを同時にまたは個別にバインドできます。