So verwenden Sie jquery, um die Farbe ungerader und gerader Tabellenzeilen und aktiver Zeilen zu steuern_jquery

Obwohl JQuery seit vielen Jahren beliebt ist, fiel es mir immer schwer und ich habe mir nicht die Zeit genommen, es zu lernen. Ich schaue es mir nur gelegentlich aus einer Laune heraus an und vergesse es dann nach vielen Tagen. Kürzlich habe ich eine Tabelle mit ungeraden und geraden Zeilen unterschiedlicher Farbe verwendet und musste mir jquery noch einmal ansehen. Obwohl es sich immer noch schwierig anfühlt, ist es nicht mehr so ​​schwierig wie zuvor. Nachdem ich es fertiggestellt habe, muss ich seufzen, dass JQuery wirklich großartig ist. Ich muss nicht viele Javascript-Funktionen schreiben, um es mit nur wenigen Sätzen zu implementieren.

Definieren Sie zunächst den ungeraden und geraden Zeilenstil der Tabelle wie folgt:

>data
data ;/tr>

data data
>data 🎜>data data
data 🎜>


Wenn nicht erforderlich Da ungerade und gerade Zeilen unterschiedliche Farben haben, können Sie CSS direkt verwenden.




Code kopieren


Der Code lautet wie folgt:


table tr:nth-child(even) td,
table tr:nth-child(even) th {
background-color: #FBD106;
}

table tr:nth-child(odd) td,
Tabelle tr: nth-child(odd) th {
background-color: #E6453B}