Zwei Methoden zur Verwendung von jQuery zum Ändern der Farbe von Tabellen in alternativen Zeilen und zum Ändern der Farbe von „mouse_jquery'.

1. Farben in alternativen Zeilen ändern

Code kopieren Der Code lautet wie folgt:

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

Oder machen Sie es in einer Zeile:

Kopieren Sie den CodeDer Code lautet wie folgt:

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

:nth-child entspricht dem N-ten untergeordnetes oder ungerade-gerades Element unter seinem übergeordneten Element

2. Die Maus ändert die Farbe

Kopieren Sie den Code Das Der Code lautet wie folgt:

$("tr ").live({

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


oder

Code kopieren Der Code lautet wie folgt:

$("tr").bind("mouseover",function(){

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


Natürlich können sowohl live() als auch bind() mehrere Ereignisse gleichzeitig oder separat binden.