快捷導(dǎo)航

jQuery實(shí)現(xiàn)隔行背景色變色

更新時(shí)間：2014年11月24日 15:23:36 投稿：hebedich

這篇文章給大家分享了jQuery實(shí)現(xiàn)隔行背景色變色的代碼，有相同需要的小伙伴參考下吧

隔行變色有很多中方法來(lái)實(shí)現(xiàn)，之前我都是直接將判斷代碼寫(xiě)在程序中，今天我們來(lái)使用jQuery實(shí)現(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>

是不是很好玩，小伙伴們其實(shí)可以用jQuery實(shí)現(xiàn)很多好玩的東西的，大家自由發(fā)揮吧

您可能感興趣的文章:

相關(guān)文章

jQuery中andSelf()方法用法實(shí)例
這篇文章主要介紹了jQuery中andSelf()方法用法,實(shí)例分析了andSelf()方法將先前所選的元素加入當(dāng)前元素集合中的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery自帶的一些常用方法總結(jié)
這篇文章主要介紹了jQuery自帶的一些常用方法總結(jié),包括$.trim 、$.contains、$.each、$.map、$.inArray、$.extend等,需要的朋友可以參考下
2014-09-09
jQuery實(shí)現(xiàn)動(dòng)態(tài)添加和刪除input框?qū)嵗a
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)添加和刪除input框，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
jquery圖片不完全按比例自動(dòng)縮小的簡(jiǎn)單代碼
開(kāi)發(fā)前期用自動(dòng)生產(chǎn) 固定大小的圖片進(jìn)行顯示，發(fā)現(xiàn)不能滿足，在前期的時(shí)候把保存了原圖，現(xiàn)在只能顯示原圖，原圖由于上傳時(shí)候沒(méi)有做任何限制所有要使用圖片不完全按比例縮小，下面是代碼
2013-07-07
jquery使用FormData實(shí)現(xiàn)異步上傳文件
這篇文章主要為大家詳細(xì)介紹了jquery使用FormData實(shí)現(xiàn)異步上傳文件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-10-10
jquery請(qǐng)求servlet實(shí)現(xiàn)ajax異步請(qǐng)求的示例
下面小編就為大家?guī)?lái)一篇jquery請(qǐng)求servlet實(shí)現(xiàn)ajax異步請(qǐng)求的示例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-06-06
jquery統(tǒng)計(jì)復(fù)選框選中示例
在jquery中如果我們要獲取選中的checkbox我們可以input:checked,然后獲取選中checkbox個(gè)數(shù)量時(shí)我們可以使用jQuery的size()方法或length屬性來(lái)判斷就行了
2013-11-11
web開(kāi)發(fā)人員學(xué)習(xí)jQuery的6大理由及jQuery的優(yōu)勢(shì)介紹
jQuery是一個(gè)用來(lái)簡(jiǎn)化HTML客戶端開(kāi)發(fā)的JS（JavaScrip）庫(kù)，它支持HTML DOM處理，同時(shí)還融合了部分HTML和CSS
2013-01-01
jquery中使用循環(huán)下拉菜單示例代碼
這個(gè)下拉菜單式可以循環(huán)的，且是使用jquery實(shí)現(xiàn)，很實(shí)用，大家可以學(xué)習(xí)下
2014-09-09
15個(gè)常用的jquery代碼片段
這篇文章主要介紹了15個(gè)常用的jquery代碼片段，對(duì)大家學(xué)習(xí)jquery程序設(shè)計(jì)有所幫助,需要的朋友可以參考下
2015-12-12