求问jQuery中的.eq(index)和：而且:eq(index)选择器问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了求问jQuery中的.eq(index)和：而且:eq(index)选择器问题相关的知识，希望对你有一定的参考价值。
做了个很简单的jq标签切换，代码效果正常运行，但发现个问题想不通。
代码如下：$(function()
$("li").each(function(index)
$(this).mouseover(function()
$("li").removeClass("sli");
$("div").removeClass("sld");
$(this).addClass("sli");
$("div").eq(index).addClass("sld");
);
$(this).mouseout(function()
)
)
);
这句$("div").eq(index).addClass("sld");如果换成$("div:eq(index)").addClass("sld")就无法运行了，为什么？
前者可以改成
"div:eq(" + index + ")"本回答被提问者和网友采纳
[ jquery 选择器 :eq(index) ] 此方法精确选取指定jquery对象中的指定下角标的对象
匹配一个给定索引值的元素:从 0 开始计数
<!DOCTYPE html>
<html lang=‘zh-cn‘>
<head>
<title>Insert you title</title>
<meta http-equiv=‘description‘ content=‘this is my page‘>
<meta http-equiv=‘keywords‘ content=‘keyword1,keyword2,keyword3‘>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type=‘text/javascript‘ src=‘./js/jquery-1.12.1.min.js‘></script>
<script type=‘text/javascript‘>
$(function(){
var name = $(‘#list li:eq(1)‘).get(0).className;
alert(name);
});
</script>
</head>
<body>
<ul id=‘list‘>
<li></li>
<li class=‘eq-selector‘></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
以上是关于求问jQuery中的.eq(index)和：而且:eq(index)选择器问题的主要内容，如果未能解决你的问题，请参考以下文章
jquery dom，eq(index)和get(index)的区别
jQuery中get(index)和eq(index)区别和用法
[ jquery 选择器 :eq(index) ] 此方法精确选取指定jquery对象中的指定下角标的对象