This article mainly introduces jQuery's two methods for changing the color of the table and the color of the mouse. If you need it, refer to the next method.
The Code is as follows:
$ ("Tr: odd" ).css ("background-color", "# eeeeee ");
$ ("Tr: even" ).css ("background-color", "# ffffff ");
Or you can do it in one row:
The Code is as follows:
$ ("Table tr: nth-child (odd)" ).css ("background-color", "# eeeeee ");
: Nth-child matches the nth child or parity element under its parent element.
2. Changing mouse color
The Code is as follows:
$ ("Tr"). live ({
Mouseover: function (){
Certificate (this).css ("background-color", "# eeeeee ");
},
Mouseout: function (){
Certificate (this).css ("background-color", "# ffffff ");
}
})
Or
The Code is as follows:
$ ("Tr"). bind ("mouseover", function (){
Certificate (this).css ("background-color", "# eeeeee ");
})
$ ("Tr"). bind ("mouseout", function (){
Certificate (this).css ("background-color", "# ffffff ");
})
Of course, both live () and bind () can be bound to multiple events or separated at the same time.