jQuery :even & :odd 选择器

最新推荐文章于 2023-06-15 12:31:48 发布

原创最新推荐文章于 2023-06-15 12:31:48 发布 · 937 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

41 篇文章

订阅专栏

jQuery

21 篇文章

订阅专栏

本文介绍了一个简单的HTML页面示例，展示了如何使用jQuery选择器来为表格行应用不同的背景颜色。通过`:even`和`:odd`选择器，可以轻松地使表格的每一行交替显示不同的颜色，从而提高可读性和美观度。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>:not(selector)</title>
</head>
	<script src="jquery-3.1.1.js">
	</script>
<body>
	<!--
		匹配所有索引值为偶数的元素，从 0 开始计数
	-->
	<table border="1" width="100">
		  <tr><td>Header 1</td></tr>
		  <tr><td>Value 1</td></tr>
		  <tr><td>Header 2</td></tr>
		  <tr><td>Value 2</td></tr>
	</table>
</body>
<script type="text/javascript">
	$('tr:even').css('background','lightgreen');
	$('tr:odd').css('background','lightpink');
</script>
</html>

效果图