jQuery實現(xiàn)隔行背景色變色
更新時間：2014年11月24日 15:23:36 投稿：hebedich
這篇文章給大家分享了jQuery實現(xiàn)隔行背景色變色的代碼，有相同需要的小伙伴參考下吧
隔行變色有很多中方法來實現(xiàn)，之前我都是直接將判斷代碼寫在程序中，今天我們來使用jQuery實現(xiàn)，代碼奉上~
jQuery代碼：
復制代碼 代碼如下:
$(function(){
var item = $("tr");
for(var i=0;i<item.length;i++){
if(i%2==0){
item[i].style.backgroundColor="#888";
}
}
//$("#tb tbody tr:even").css("backgroundColor","#888");
});
HTML代碼：
復制代碼 代碼如下:
<table id='tb'>
<tbody>
<tr><td>第一行</td><td>第一行</td></tr>
<tr><td>第二行</td><td>第2行</td></tr>
<tr><td>第三行</td><td>第3行</td></tr>
<tr><td>第4行</td><td>第4行</td></tr>
<tr><td>第5行</td><td>第5行</td></tr>
<tr><td>第6行</td><td>第6行</td></tr>
</tbody>
</table>
是不是很好玩，小伙伴們其實可以用jQuery實現(xiàn)很多好玩的東西的，大家自由發(fā)揮吧
相關(guān)文章
jQuery+CSS實現(xiàn)菜單滑動伸展收縮(仿淘寶)
淘寶網(wǎng)上的菜單滑動伸展收縮想必大家不會很陌生吧，接下來本文也使用jquery+css實現(xiàn)一個，代碼很簡潔功能很使用，感興趣的各位可以不要錯過了哈2013-03-03
這篇文章主要介紹了json格式的javascript對象用法,結(jié)合實例形式總結(jié)分析了javascript針對json格式數(shù)據(jù)操作的常見技巧,需要的朋友可以參考下2016-07-07
jquery+json實現(xiàn)數(shù)據(jù)列表分頁示例代碼
該實例中，新聞數(shù)據(jù)列表未使用表格顯示，下面有個不錯的示例完美實現(xiàn)實現(xiàn)數(shù)據(jù)列表分頁，感興趣的朋友不要錯過2013-11-11
jQuery 陰影插件代碼分享，需要的朋友可以參考下。2012-01-01
這篇文章主要為大家詳細介紹了jquery實現(xiàn)鼠標懸浮彈出氣泡提示框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要為大家詳細介紹了jquery簡易手風琴插件的封裝，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
jquery插件uploadify實現(xiàn)帶進度條的文件批量上傳
這篇文章主要介紹了jquery插件uploadify實現(xiàn)帶進度條的文件批量上傳，感興趣的小伙伴們可以參考一下2015-12-12
Jquery給當前頁或者跳轉(zhuǎn)后頁面的導航欄添加選中后樣式的實例
下面小編就為大家?guī)硪黄狫query給當前頁或者跳轉(zhuǎn)后頁面的導航欄添加選中后樣式的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
jquery實現(xiàn)未經(jīng)美化的簡潔TAB菜單效果
這篇文章主要介紹了jquery實現(xiàn)未經(jīng)美化的簡潔TAB菜單效果,涉及jquery鼠標click事件實現(xiàn)頁面元素樣式動態(tài)變換的功能,需要的朋友可以參考下2015-08-08
jQuery使用手冊之 事件處理...2007-03-03