jQuery – 快速建立表格換行條紋樣式

原文：http://www.kangting.tw/2012/07/jquery.html

0. 建立 html table

   

       

            1

       

       

            HTML5 技術藍圖快速解構

       

       

            2

       

       

            建構版面 – 善用結構語意標籤

       

        …

   

1. 現在建立換行樣式所需的 CSS ：
<style>

.oddRow

{

    background:silver ;

}

.evenRow

{

    background:lightgray ;

}    

</style>

2. jQuery 程式碼：

<script>

    $(document).ready(function () {

        $('tr:odd').addClass('oddRow');

        $('tr:even').addClass('evenRow');        

    });

</script>