jQuery eq(index)选择器

最新推荐文章于 2023-07-23 16:00:41 发布

原创最新推荐文章于 2023-07-23 16:00:41 发布 · 752 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

41 篇文章

订阅专栏

jQuery

21 篇文章

订阅专栏

本文介绍如何利用jQuery选择器:eq(index)来定位并样式化HTML表格中的特定行。通过实例展示了如何为表格的第一行设置紫色背景，为第三行设置浅绿色背景。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>:eq(index)</title>
</head>
	<script src="jquery-3.1.1.js">
	</script>
<body>
	<!--
		匹配一个给定索引值的元素
		index从0开始计数
	-->
	<table>
	  <tr><td>Header 1</td></tr>
	  <tr><td>Value 1</td></tr>
	  <tr><td>Value 2</td></tr>
	</table>
</body>
<script type="text/javascript">
	
	$('tr:eq(0)').css('background','violet');
	$('tr:eq(2)').css('background','lightgreen');

</script>
</html>

效果图