jquery方法

jQuery 介绍: jQuery 方法; jQuery CDN

jQuery 动画方法: jquery hide()方法; jquery show()方法; jquery toggle()方法; jQuery fadeIn()方法; jQuery fadeOut()方法; jQuery fadeToggle() 方法; jQuery fadeTo() 方法; jQuery slideDown() 方法; jquery slideUp() 方法; jQuery slideToggle() 方法; jQuery animate() 方法; jQuery delay() 方法

jQuery html css方法: jQuery html()方法; jQuery text() 方法; jQuery text() 方法和 jQuery html() 方法的区别; jQuery val() 方法; jQuery css() 方法; jQuery before() 方法; jQuery prepend() 方法; jQuery after() 方法; jQuery insertAfter() 方法; jQuery append() 方法; jQuery appendTo() 方法; jQuery clone() 方法; jQuery remove() 方法; jQuery empty() 方法; jQuery detach() 方法; jQuery scrollTop() 方法; jQuery attr() 方法; jQuery prop() 方法; jQuery offset() 方法; jQuery position() 方法; jQuery addClass() 方法; jQuery hasClass() 方法; jQuery toggleCLass() 方法; jQuery width() 方法; jQuery height() 方法; jQuery innerWidth() 方法; jQuery innerHeight() 方法; jQuery outerWidth() 方法; jQuery outerHeight() 方法; jQuery wrap() 方法; jQuery wrapInner() 方法; jQuery wrapAll() 方法; jQuery unwrap() 方法

jQuery 表单方法: jQuery serialize() 方法; jQuery serializedArray() 方法

jQuery 事件方法: jQuery click() 方法; jQuery bind() 方法; jQuery unbind() 方法; jQuery blur() 方法; jQuery focus() 方法; jquery select() 方法; jQuery change() 方法; jQuery submit() 方法; jQuery keydown() 方法; jQuery keypress() 方法; jQuery keyup() 方法; jQuery mouseenter() 方法; jQuery mouseleave() 方法; jQuery hover() 方法; jQuery mousedown() 方法; jQuery mouseup() 方法; jQuery mouseover() 方法; jQuery mouseout() 方法; jQuery load() 方法; jquery unload() 方法

jQuery 遍历方法: jQuery add() 方法; jQuery children() 方法; jQuery closest() 方法; jQuery contents() 方法; jQuery each() 方法; jQuery eq() 方法; jQuery filter() 方法; jQuery find() 方法; jQuery first() 方法; jQuery last() 方法; jQuery has() 方法; jQuery is() 方法; jQuery nextAll() 方法; jQuery nextUntil() 方法; jQuery not() 方法; jQuery offsetParent() 方法; jQuery parent() 方法; jQuery parents() 方法; jQuery parentsUntil() 方法; jQuery prev() 方法; jQuery prevAll() 方法; jQuery siblings() 方法; jQuery slice() 方法

jQuery ajax 方法

下一个 → ← 上一个

jQuery eq() 方法

jQuery eq() 方法用于获取匹配元素的第n个元素，其中下标从0开始。

语法

$(selector).eq(index)

index: 必填参数，指定匹配元素的索引位置。它可以为正数和负数

正数表示从下标0开始，$(selector).eq(0) 表示匹配第一个元素
负数表示下标从末尾开始。$(selector).eq(-1) 表示匹配最后一个元素

例子

例1

下标为正值的例子

<html>

<head>
<title> jQuery eq() 方法 </title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function() {
	$(".para").eq(1).css({ "color": "red", "fontSize": "14px", "fontWeight": "bold" });
	$(".para").eq(3).css({ "color": "blue", "fontSize": "14px", "fontWeight": "bold" });
});
</script>
</head>

<body>
<h3> 这是使用 eq() 方法的例子 </h3>
<h4> 索引总是从 0 开始，所以第一个值的位置是 0 而不是 1。 </h4>
<p class = "para"> 第一段 </p>
<p class = "para"> 第二段 </p>
<p class = "para"> 第三段 </p>
<p class = "para"> 第四段 </p>
<p class = "para"> 第五段 </p>
</body>

</html>

效果

jQuery eq() 方法

例2

负值的例子

<html>
<head>
<title> jQuery eq() method </title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function() {
$(".para").eq(-1).css({ "color": "red", "fontSize": "14px", "fontWeight": "bold" });
$(".para").eq(-3).css({ "color": "blue", "fontSize": "14px", "fontWeight": "bold" });
});
</script>
</head>

<body>
<h3> 这是使用 eq() 方法的示例。 </h3>
<p class = "para"> 第一段 </p>
<p class = "para"> 第二段 </p>
<p class = "para"> 第三段 </p>
<p class = "para"> 第四段 </p>
<p class = "para"> 第五段 </p>
</body>


</html>

jQuery eq() 方法