jquery 班馬方法

  • 1935
  • 0

摘要:jquery 班馬方法

 

    <table style="width:100%;" class="testZebra">                                 ////////////////////////將table設class來區格開
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table>
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////建CSS來控制  tr.od  為coral;
    <style type ="text/css">
 
        tr.odd {
            background-color: coral;
        }
    </style>
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////javascript 控制類別
 
    <script type="text/javascript">
        $(document).ready(function(){   
            $(".testZebra tr:even").addClass("odd");   
        })
    </script>
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////這樣就完成啦~!!!!