jQuery 行背景顏色的交替顯示(隔行變色)實現(xiàn)代碼
更新時間：2009年12月13日 01:27:09 作者：
主要是利用了jquery的attr為行添加樣式來實現(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實現(xiàn)隔行變色的方法
- jQuery輕松實現(xiàn)表格的隔行變色和點擊行變色的實例代碼
- 用JQuery實現(xiàn)表格隔行變色和突出顯示當(dāng)前行的代碼
- jQuery實現(xiàn)簡單隔行變色的方法
- 基于jQuery的的一個隔行變色，鼠標(biāo)移動變色的小插件
- jQuery插件實現(xiàn)表格隔行變色及鼠標(biāo)滑過高亮顯示效果代碼
- jQuery實現(xiàn)Table表格隔行變色及高亮顯示當(dāng)前選擇行效果示例
- jQuery隔行變色與普通JS寫法的對比
- jQuery實現(xiàn)隔行變色的方法分析(對比原生JS)
- jQuery實現(xiàn)的隔行變色功能【案例】
相關(guān)文章
這里給大家分享的是一段使用EasyUI中實現(xiàn)form表單提交的方法的核心代碼，小伙伴們根據(jù)自己的需求補全form部分吧，希望大家能夠喜歡。2015-03-03
jquery實現(xiàn)textarea 高度自適應(yīng)
用jquery實現(xiàn)的textarea 高度自適應(yīng)代碼。這個動畫效果比較流暢。適合新手學(xué)習(xí)。非常簡單實用，這里推薦給小伙伴們。2015-03-03
這篇文章主要介紹了jQuery中trigger()方法用法,實例分析了trigger()方法的功能、定義及觸發(fā)匹配元素指定類型事件的使用技巧,需要的朋友可以參考下2015-01-01
擴(kuò)展jQuery 鍵盤事件的幾個基本方法(練習(xí)jQuery插件擴(kuò)展)2009-10-10
JQuery EasyUI學(xué)習(xí)教程之datagrid 添加、修改、刪除操作
這篇文章主要介紹了JQuery EasyUI datagrid 添加、修改、刪除操作的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
這篇文章主要介紹了jQuery里prev()的簡單操作代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-10-10
暫時都使用xml格式, 方便傳播, 制作電子書.2009-11-11
本篇文章主要是對jquery取消選擇select下拉框示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
基于jQuery實現(xiàn)帶動畫效果超炫酷的彈出對話框(附源碼下載)
這是一款基于jQuery的彈出對話框插件，這個jQuery對話框插件的最大特點是彈出和關(guān)閉都帶有非常炫酷的動畫特效,需要的朋友參考下吧2016-02-02
jquery dialog鍵盤事件代碼，檢測回車等事件的觸發(fā)問題。2010-08-08