Learning jQuery 3 - Fifth Edition

Styling alternate rows

Two very useful custom selectors in the jQuery library are :odd and :even. Let's take a look at how we can use one of them for basic table striping given the following tables:

<h2>Shakespeare's Plays</h2> <table>   <tr>     <td>As You Like It</td>     <td>Comedy</td>     <td></td>   </tr>   <tr>     <td>All's Well that Ends Well</td>     <td>Comedy</td>     <td>1601</td>   </tr>   <tr>     <td>Hamlet</td>     <td>Tragedy</td>     <td>1604</td>   </tr>   <tr>     <td>Macbeth</td>     <td>Tragedy</td>     <td>1606</td>   </tr>   <tr>     <td>Romeo and Juliet</td>     <td>Tragedy</td>     <td>1595</td>   </tr>   <tr>     <td>Henry IV, Part I</td>     <td>History</td>     <td>1596</td>   </tr>   <tr>     <td>Henry V</td>     <td>History</td>     <td>1599</td>   </tr> </table> <h2>Shakespeare's ...