前端开发离不开jquery，jquery和JavaScript一样能实现很多功能，本文主要为大家详细介绍了实现jquery隔行变色效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。
本文实例为大家分享了jquery隔行变色展示的具体代码，供大家参考，具体内容如下
效果图
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
<script type="text/javascript">
$(function(){
$("tr:odd").attr("bgColor","#DD1C73");
$("tr:even").attr("bgColor","#875BE6");
})
</script>
<body>
<form id="form1" runat="server">
<p>
<table width="300px">
<tr><td>11111</td></tr>
<tr><td>22222</td></tr>
<tr><td>33333</td></tr>
<tr><td>44444</td></tr>
<tr><td>55555</td></tr>
<tr><td>55555</td></tr>
</table>
</p>
</form>
</body>
</html>一个小功能，大家学会了吗？赶紧动手尝试一下吧。
相关推荐：
Atas ialah kandungan terperinci jquery简单实现隔行变色方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah pemalam jquery?
Bagaimana untuk mengendalikan json dengan jquery
Bagaimana untuk memadam elemen dalam jquery
Penggunaan kaedah jQuery hover().
jquery melaksanakan kaedah paging
Apakah elemen tersembunyi dalam jquery
Apa yang ditonjolkan dalam jquery
Apakah yang dimaksudkan apabila mesej telah dihantar tetapi ditolak oleh pihak lain?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
