js中的eq语句_jquery 中 eq()遍历方法 和:eq()选择器的区别

Document

*{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;}

$(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")//正确

})

• 1
• 2
• 3
• 4