JQuery implements two ways of changing the color of a table and changing the color of the mouse

I. line-by-line color change
Copy codeThe Code is as follows:
$ ("Tr: odd" ).css ("background-color", "# eeeeee ");
$ ("Tr: even" ).css ("background-color", "# ffffff ");

Or you can do it in one row:
Copy codeThe 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
Copy codeThe Code is as follows:
$ ("Tr"). live ({
Mouseover: function (){
Certificate (this).css ("background-color", "# eeeeee ");
},
Mouseout: function (){
Certificate (this).css ("background-color", "# ffffff ");
}
})

Or
Copy codeThe 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.