jquery 中 eq()遍歷方法 和:eq()選擇器的區別

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin: 0;padding: 0;list-style: none;}
.box{width: 100px;height: 404px;border:1px solid red;margin: 0 auto;}
li{width: 100px;height: 100px;font-size: 40px;line-height: 100px;color: #ccc;text-align: center;border-bottom: 1px solid red;}
</style>
<script src="js/jquery-1.11.1.min.js"></script>
<script>
$(function(){
// eq()方法的定義和用法:
// 此方法能夠獲取匹配元素集上的相應位置索引的元素。
// 匹配元素集上元素的位置索引是從0開始的。
//
// :eq()選擇器的定義和用法:
// 此選擇器匹配一個給定索引值的元素。
// 元素的位置索引從0算起。
//
// 可以直接使用.eq(index)，
// 若要使用eq選擇器則要寫成:eq(‘+index+’)這樣獲取到的index才是變量

var index=0;
$("li:eq(index)").css("background","red")// 錯誤


$("li:eq("+index+")").css("background","blue") //正確
$("li").eq(index+1).css("background","blue")//正確
})
</script>
</head>
<body>
<div class="box">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
</body>
</html>
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容