jQuery實現(xiàn)隔行背景色變色
更新時間：2014年11月24日 15:23:36 投稿：hebedich
這篇文章給大家分享了jQuery實現(xiàn)隔行背景色變色的代碼，有相同需要的小伙伴參考下吧
隔行變色有很多中方法來實現(xiàn)，之前我都是直接將判斷代碼寫在程序中，今天我們來使用jQuery實現(xiàn)，代碼奉上~
jQuery代碼：
復(fù)制代碼 代碼如下:
$(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代碼：
復(fù)制代碼 代碼如下:
<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ā)揮吧
您可能感興趣的文章:
- 純JS代碼實現(xiàn)隔行變色鼠標(biāo)移入高亮
- 使用JavaScript和CSS實現(xiàn)文本隔行換色的方法
- javascript表格隔行變色加鼠標(biāo)移入移出及點擊效果的方法
- JS+CSS實現(xiàn)Li列表隔行換色效果的方法
- 原生javascript實現(xiàn)隔行換色
- jQuery實現(xiàn)table隔行換色和鼠標(biāo)經(jīng)過變色的兩種方法
- js取模（求余數(shù)）隔行變色
- JS實現(xiàn)簡潔(隔行換色、高亮顯示)表格特效
- JQuery操作表格(隔行著色,高亮顯示,篩選數(shù)據(jù))
- 實現(xiàn)隔行換色效果的兩種方式【實用】
相關(guān)文章
這篇文章主要介紹了jQuery中andSelf()方法用法,實例分析了andSelf()方法將先前所選的元素加入當(dāng)前元素集合中的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了jQuery自帶的一些常用方法總結(jié),包括$.trim 、$.contains、$.each、$.map、$.inArray、$.extend等,需要的朋友可以參考下2014-09-09
jQuery實現(xiàn)動態(tài)添加和刪除input框?qū)嵗a
這篇文章主要介紹了jQuery實現(xiàn)動態(tài)添加和刪除input框，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
開發(fā)前期用自動生產(chǎn) 固定大小的圖片 進行 顯示，發(fā)現(xiàn)不能滿足，在前期的時候把保存了原圖，現(xiàn)在只能顯示原圖，原圖由于上傳時候沒有做任何限制所有要使用 圖片不完全按比例縮小，下面是代碼2013-07-07
jquery使用FormData實現(xiàn)異步上傳文件
這篇文章主要為大家詳細(xì)介紹了jquery使用FormData實現(xiàn)異步上傳文件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
jquery請求servlet實現(xiàn)ajax異步請求的示例
下面小編就為大家?guī)硪黄猨query請求servlet實現(xiàn)ajax異步請求的示例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
在jquery中如果我們要獲取選中的checkbox我們可以input:checked,然后獲取選中checkbox個數(shù)量時我們可以使用jQuery的size()方法或length屬性來判斷就行了2013-11-11
web開發(fā)人員學(xué)習(xí)jQuery的6大理由及jQuery的優(yōu)勢介紹
jQuery是一個用來簡化HTML客戶端開發(fā)的JS（JavaScrip）庫，它支持HTML DOM處理，同時還融合了部分HTML和CSS2013-01-01
這個下拉菜單式可以循環(huán)的，且是使用jquery實現(xiàn)，很實用，大家可以學(xué)習(xí)下2014-09-09
這篇文章主要介紹了15個常用的jquery代碼片段，對大家學(xué)習(xí)jquery程序設(shè)計有所幫助,需要的朋友可以參考下2015-12-12