jQuery :first :last选择器

最新推荐文章于 2024-01-04 10:28:40 发布

原创最新推荐文章于 2024-01-04 10:28:40 发布 · 549 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

41 篇文章

订阅专栏

jQuery

21 篇文章

订阅专栏

本文介绍如何使用jQuery的:first和:last选择器来选取HTML列表中的第一个和最后一个列表项，并通过简单的示例展示了如何改变这些列表项的背景颜色。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>:first</title>
</head>
	<script src="jquery-1.11.3.min.js">
	</script>
<body>
	<!--
		:first获取匹配到的第一个元素
	-->
	<ul>
	    <li>list item 1</li>
	    <li>list item 2</li>
	    <li>list item 3</li>
	    <li>list item 4</li>
	    <li>list item 5</li>
	</ul>
</body>
<script type="text/javascript">
	//$('ul:first').css('background','orange');
	$('li:first').css('background','orange');
	$('li:last').css('background','yellow');
</script>
</html>

效果图：