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代碼：

復(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ā)揮吧

您可能感興趣的文章:

相關(guān)文章

jQuery中andSelf()方法用法實例
這篇文章主要介紹了jQuery中andSelf()方法用法,實例分析了andSelf()方法將先前所選的元素加入當(dāng)前元素集合中的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery自帶的一些常用方法總結(jié)
這篇文章主要介紹了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
jquery圖片不完全按比例自動縮小的簡單代碼
開發(fā)前期用自動生產(chǎn) 固定大小的圖片進(jì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統(tǒng)計復(fù)選框選中示例
在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和CSS
2013-01-01
jquery中使用循環(huán)下拉菜單示例代碼
這個下拉菜單式可以循環(huán)的，且是使用jquery實現(xiàn)，很實用，大家可以學(xué)習(xí)下
2014-09-09
15個常用的jquery代碼片段
這篇文章主要介紹了15個常用的jquery代碼片段，對大家學(xué)習(xí)jquery程序設(shè)計有所幫助,需要的朋友可以參考下
2015-12-12