jquery如何定位元素

最新推荐文章于 2023-11-13 13:59:57 发布

hylw

最新推荐文章于 2023-11-13 13:59:57 发布

阅读量3.1k

点赞数 1

分类专栏：前端基础 html jquery

本文链接：https://blog.csdn.net/u013483969/article/details/95464403

版权

前端基础同时被 3 个专栏收录

10 篇文章 0 订阅

订阅专栏

html

2 篇文章 0 订阅

订阅专栏

jquery

2 篇文章 0 订阅

订阅专栏

在制作页面的时候，使用jquery很多是需要我们对某个元素进行特殊处理

定位第一个li元素：

$("div ul li").eq(0)

$("ul li:first")

定位第二个li元素：

$("div ul li").eq(1)

$("ul li:nth-child(2)")

定位倒数一个li元素：

$("div ul").eq(-1)

$("ul li:last-child")

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div>
		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
			<li>6</li>
		</ul>
	</div>
</body>
</html>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
	$('div ul li').eq(-1).css('color', '#fcc')
</script>