Deux méthodes d'utilisation de jQuery pour changer la couleur des tableaux sur des lignes alternées et changer la couleur de mouse_jquery

1. Changer les couleurs sur les lignes alternées

Copier le code Le code est le suivant :

$( "tr:impair" .css("background-color","#eeeeee");
$("tr:even").css("background-color","#ffffff");

Ou faites-le en une seule ligne :

Copiez le code Le code est le suivant :

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

:nth-child correspond au Nième enfant ou élément pair impair sous son élément parent

2. La souris change de couleur

Copiez le code Le le code est le suivant :

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

ou

Copier le code Le code est le suivant :

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

Bien sûr, live() et bind() peuvent lier plusieurs événements en même temps ou séparément.