jQuery 行背景顏色的交替顯示(隔行變色)實(shí)現(xiàn)代碼
更新時間：2009年12月13日 01:27:09 作者：
主要是利用了jquery的attr為行添加樣式來實(shí)現(xiàn)的，具體的代碼如下。
一些css的定義，可以根據(jù)需要自己選擇。
//顯示單雙行顯示不同背景色【方法一】：
// $("#UL_id li:even").attr("className","redClass");
//顯示單雙行顯示不同背景色【方法二】：
$("#UL_id li:even").addClass("redClass");
<ul id="UL_id">
<li>單數(shù)</li>
<li>雙數(shù)</li>
<li>雙數(shù)</li>
</ul>
odd:單
even:雙
jQuery 表格隔行變色代碼
li隔行換色改進(jìn)版
JS控制表格隔行變色
//顯示單雙行顯示不同背景色【方法一】：
// $("#UL_id li:even").attr("className","redClass");
//顯示單雙行顯示不同背景色【方法二】：
$("#UL_id li:even").addClass("redClass");
<ul id="UL_id">
<li>單數(shù)</li>
<li>雙數(shù)</li>
<li>雙數(shù)</li>
</ul>
odd:單
even:雙
jQuery 表格隔行變色代碼
li隔行換色改進(jìn)版
JS控制表格隔行變色
您可能感興趣的文章:
- jQuery 表格隔行變色代碼[修正注釋版]
- JS與jQuery實(shí)現(xiàn)隔行變色的方法
- jQuery輕松實(shí)現(xiàn)表格的隔行變色和點(diǎn)擊行變色的實(shí)例代碼
- 用JQuery實(shí)現(xiàn)表格隔行變色和突出顯示當(dāng)前行的代碼
- jQuery實(shí)現(xiàn)簡單隔行變色的方法
- 基于jQuery的的一個隔行變色，鼠標(biāo)移動變色的小插件
- jQuery插件實(shí)現(xiàn)表格隔行變色及鼠標(biāo)滑過高亮顯示效果代碼
- jQuery實(shí)現(xiàn)Table表格隔行變色及高亮顯示當(dāng)前選擇行效果示例
- jQuery隔行變色與普通JS寫法的對比
- jQuery實(shí)現(xiàn)隔行變色的方法分析(對比原生JS)
- jQuery實(shí)現(xiàn)的隔行變色功能【案例】
相關(guān)文章
jQuery設(shè)置單選按鈕radio選中/不可用的實(shí)例代碼
這篇文章主要介紹了jQuery設(shè)置單選按鈕radio選中/不可用的實(shí)例代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
jQuery - AJAX load() 實(shí)例用法詳解
這篇文章主要介紹了jQuery - AJAX load() 實(shí)例用法以及相關(guān)知識點(diǎn)總結(jié)，有需要的朋友們參考下。2019-08-08
jQuery插件HighCharts繪制2D帶有Legend的餅圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D帶有Legend的餅圖效果,結(jié)合實(shí)例形式分析了jQuery使用HighCharts繪制帶明細(xì)顯示的餅狀圖效果實(shí)現(xiàn)技巧,并附帶了demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
$.ajax下json數(shù)據(jù)的傳遞方法，大家可以參考下。這樣就可以傳遞json數(shù)據(jù)了2008-11-11
jQuery是繼prototype之后的又一個優(yōu)秀的Javascript框架。它是由 John Resig 于 2006 年初創(chuàng)建的，它有助于簡化 JavaScript™ 以及Ajax 編程。2009-05-05
jquery實(shí)現(xiàn)點(diǎn)擊文字可編輯并修改保存至數(shù)據(jù)庫
網(wǎng)上的方法只有點(diǎn)擊文字編輯并保持，但是沒有完整的代碼寫怎么保存到數(shù)據(jù)庫，本例用一條sql語句保存到數(shù)據(jù)庫2014-04-04
jQuery 1.9.1源碼分析系列（十五）動畫處理之緩動動畫核心Tween
這篇文章主要介紹了jQuery 1.9.1源碼分析系列（十五）動畫處理之緩動動畫核心Tween 的相關(guān)資料,需要的朋友可以參考下2015-12-12
jQuery/JS監(jiān)聽input輸入框值變化實(shí)例
在本篇文章里小編給大家整理的是一篇關(guān)于jQuery/JS監(jiān)聽input輸入框值變化實(shí)例內(nèi)容，需要的朋友們學(xué)習(xí)下。2019-10-10
背景顏色，比如換個心情之類的，需要記住這樣的一個狀態(tài)，下面為大家介紹下利用cookie記住背景顏色的具體實(shí)現(xiàn)，感興趣的朋友不要錯過2013-11-11
js頁面滾動時層智能浮動定位實(shí)現(xiàn)(jQuery/MooTools)
關(guān)于層的智能浮動效果早在幾年前我就在國外的一些個人網(wǎng)站的垂直導(dǎo)航上見到了，現(xiàn)在似乎在國內(nèi)一些商業(yè)網(wǎng)站上也屢見此效果2011-08-08