jQuery gt(index) & lt(index)

最新推荐文章于 2019-03-23 14:01:46 发布

原创最新推荐文章于 2019-03-23 14:01:46 发布 · 832 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

41 篇文章

订阅专栏

jQuery

21 篇文章

订阅专栏

本文介绍了一种利用jQuery选择器来实现网页中表格特定行的高亮显示及调整单元格宽度的方法。通过`:gt(index)`和`:lt(index)`选择器，可以轻松地对表格内的数据进行视觉上的突出展示。

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

效果图