表格奇偶行設置不同顏色的核心JS代碼
更新時間：2013年12月24日 15:33:39 作者：
表格奇偶行設置不同顏色，在某些情況下還是比較實用的，下面有個不錯的示例，大家可以參考下，希望對大家有所幫助
這是一個比較實用的功能，設置奇偶行顏色不同后閱讀表格數(shù)據(jù)的體驗明顯變好，否則數(shù)據(jù)會顯得非常繁雜擁擠（當表格數(shù)據(jù)行多時體驗尤為明顯）。只有當你自己真正做這方面的東西接觸到時才有強烈的體會，反正我是剛剛經(jīng)歷了，留在這里備參考吧~
核心JS腳本代碼如下（table元素的id根據(jù)自己的情況調(diào)整，代碼中的jquery-1.7.min.js可以到jquery的官網(wǎng)上下載）
<script src="jquery-1.7.min.js"></script>
<script>
$(document).ready(function(){
SetTableRowColor();
});
//用CSS控制奇偶行的顏色
function SetTableRowColor()
{
$("#Table tr:odd").css("background-color", "#e6e6fa");
$("#Table tr:even").css("background-color", "#fff0fa");
}
</scirpt>
核心JS腳本代碼如下（table元素的id根據(jù)自己的情況調(diào)整，代碼中的jquery-1.7.min.js可以到jquery的官網(wǎng)上下載）
復制代碼 代碼如下:
<script src="jquery-1.7.min.js"></script>
<script>
$(document).ready(function(){
SetTableRowColor();
});
//用CSS控制奇偶行的顏色
function SetTableRowColor()
{
$("#Table tr:odd").css("background-color", "#e6e6fa");
$("#Table tr:even").css("background-color", "#fff0fa");
}
</scirpt>
相關(guān)文章
$號是jQuery“類”的一個別稱，$()構(gòu)造了一個jQuery對象。所以，“$()”可以叫做jQuery的構(gòu)造函數(shù)（個人觀點，呵呵！）。2009-12-12
在頁面上圖片比較多的時候，打開一張頁面必然引起與服務器大數(shù)據(jù)量的交互。尤其是對于高清晰的圖片，占了幾百K的空間。那么我們?nèi)绾尾拍芨淖冞@種狀況呢，這就是今天我們要探討的問題了。2015-03-03
在 jQuery UI 的最近更新中增加了自動完成控件 AutoComplete，這為我們提供了又一個強大的開發(fā)工具，這里介紹一下這個控件的使用方式。2011-06-06
jQuery EasyUI API 中文文檔 搜索框 SearchBox 搜索框使用介紹，需要的朋友可以參考下。2011-09-09
這篇文章介紹了多行文本框(textarea)高度變化的操作，有需要的朋友可以參考一下2013-07-07
JQuery操作與遍歷元素并設置其屬性、樣式和內(nèi)容
本文詳細講解了JQuery操作與遍歷元素并設置其屬性、樣式和內(nèi)容的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-04-04
jquery ajax示例包含界面及后臺部分，經(jīng)測試效果還不錯，喜歡的朋友可以拿去用，或二次修改2013-11-11
今天小編就為大家分享一篇關(guān)于jquery層次選擇器的介紹，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
這篇文章給大家介紹了jquery 圖片輪播代碼，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-01-01
jQuery模板技術(shù)和數(shù)據(jù)綁定實現(xiàn)代碼
如果你用過ASP.NET的數(shù)據(jù)綁定控件，也用過ASP或者JSP里那種通過輸出HTML元素在頁面上顯示數(shù)據(jù)的方法，你就知道ASP.NET數(shù)據(jù)綁定控件有多么方便。如果能夠?qū)⑼瑯拥墓δ茉跒g覽器端用HTML和JavaScript實現(xiàn)，那該是多少美妙的事情。2010-05-05