這篇文章主要介紹了jquery實現(xiàn)奇偶行不同顏色的方法，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
在jquery中，可以使用“$(":odd")”和“$(":even")”選擇器分別選中奇行和偶行的元素，然后使用css()方法分別給奇行和偶行元素設(shè)置不同的顏色樣式即可實現(xiàn)奇偶行不同顏色。
jquery奇偶行不同顏色的示例
<!DOCTYPE html>
<html>
<head>
<title>Insert a title</title>
<meta charset="utf-8">
<script src="demo/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#Table tr:odd").css("background-color", "#e6e6fa");
$("#Table tr:even").css("background-color", "#fff0fa");
});
</script>
</head>
<body>
<table id="Table">
<tr>
<td>第一行</td>
</tr>
<tr>
<td>第二行</td>
</tr>
<tr>
<td>第三行</td>
</tr>
<tr>
<td>第四行</td>
</tr>
</table>
</body>
</html>效果圖：
說明：
jQuery :odd 選擇器可以選取每個帶有奇數(shù) index 值的元素（比如 1、3、5）。
jQuery :even 選擇器可以選取每個帶有偶數(shù) index 值的元素（比如 2、4、6）。
其中，index 值從 0 開始，所有第一個元素是偶數(shù) (0)。
感謝你能夠認真閱讀完這篇文章，希望小編分享的“jquery實現(xiàn)奇偶行不同顏色的方法”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼