忙裡偷閒的部落格

今天發現了jQuery的選擇器上有個不錯的功能，可以快速的找出table上的奇數欄位or偶數欄位，如果要在奇(偶)數欄位上使用不同的背景顏色，這時就派上用場了。

<STYLE>
    .evenColor{ background-color:#999966; }
    .oddColor { background-color:#E8E8E8; }
</STYLE>

<script type="text/javascript" src="lib/jquery/jquery-1.5.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('table tr:even').addClass("evenColor");//尋找表格的1、3、5...行
        $('table tr:odd').addClass("oddColor");  //尋找表格的2、4、6...行
    })
</script>

以往要判斷奇(偶)數欄位總是要寫迴圈，jQuery幫我們簡化了這道工序，只需短短的一行程式就能達到效果了。只能說jQuery揪感心ㄟ啦