jquery基本用法四-奇偶行显示

1.html

   <table id="tab">
        <tbody>
            <tr>
                <td>新浪</td>
                <td>1</td>
            </tr>
            <tr>
                <td>搜狐</td>
                <td>1</td>
            </tr>
            <tr>
                <td>谷歌</td>
                <td>1</td>
            </tr>
            <tr>
                <td>网易</td>
                <td>1</td>
            </tr>
            <tr>
                <td>腾讯</td>
                <td>1</td>
            </tr>
        </tbody>

2.css

  <style type="text/css">
            .tabEven
            {
                background-color:pink;
            }


            .tabOdd
            {
                background-color:red;
            }
        </style>

3.javascript

 <script type="text/javascript" >
               $(document).ready(function () {
                $('#tab tr:Even').addClass("tabEven");
                $('#tab tr:Odd').addClass("tabOdd");
            })
        </script>