溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“jquery eq()方法有什么作用及怎么使用”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“jquery eq()方法有什么作用及怎么使用”文章能幫助大家解決問題。
在jquery中，eq()方法用于返回帶有被選元素的指定索引號的元素，語法為“$(selector).eq(index)”；參數(shù)“index”的值是整數(shù)，用于規(guī)定元素的索引號，可以為負值（會從被選元素的結(jié)尾開始計算索引）。注索引號從0開頭，所以第一個元素的索引號是0（不是1）。
本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.1版本、Dell G3電腦。
jquery eq()方法
eq()方法用于返回帶有被選元素的指定索引號的元素。
語法：
$(selector).eq(index)
index： 必需。規(guī)定元素的索引，可以是整數(shù)或負數(shù)。如果使用負數(shù)將從被選元素的結(jié)尾開始計算索引。
注：索引號（index）從 0 開頭，所以第一個元素的索引號是 0（不是 1）。
使用示例
示例1：選取第二個 <p> 元素（索引號為 1）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-3.6.1.min.js"></script>
<script>
$(document).ready(function() {
$("p").eq(1).css("background-color", "yellow");
});
</script>
</head>
<body>
<h2>歡迎來到我的主頁</h2>
<p>我的名字叫Donald (索引號為 0).</p>
<p>Donald Duck (索引號為 1).</p>
<p>我住在 Duckburg (索引號為 2).</p>
<p>我最好的朋友是 Mickey (索引號為 3).</p>
</body>
</html>
示例2：使用負數(shù)從被選元素的結(jié)尾返回第二個 <p> 元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-3.6.1.min.js"></script>
<script>
$(document).ready(function() {
$("p").eq(-2).css("background-color", "yellow");
});
</script>
</head>
<body>
<h2>歡迎來到我的主頁</h2>
<p>我的名字叫Donald (索引號為 0).</p>
<p>Donald Duck (索引號為 1).</p>
<p>我住在 Duckburg (索引號為 2).</p>
<p>我最好的朋友是 Mickey (索引號為 3).</p>
</body>
</html>
示例3：
如果無法根據(jù)指定的 index 參數(shù)找到元素，則該方法構(gòu)造帶有空集的 jQuery 對象，length 屬性為 0。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-3.6.1.min.js"></script>
<script>
$(document).ready(function() {
$("p").eq(5).css("background-color", "yellow");
});
</script>
</head>
<body>
<h2>歡迎來到我的主頁</h2>
<p>我的名字叫Donald (索引號為 0).</p>
<p>Donald Duck (索引號為 1).</p>
<p>我住在 Duckburg (索引號為 2).</p>
<p>我最好的朋友是 Mickey (索引號為 3).</p>
</body>
</html>這里，沒有p元素的背景會變?yōu)辄S色，這是因為 .eq(5) 指示的第六個p元素。
關(guān)于“jquery eq()方法有什么作用及怎么使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼