每次,我在寻找一系列中的某个元素的时候,我总是习惯于,也只是用过
var $div = $("div").eq(0);
这大概是我最常用的用法,也是唯一的。
笔记内容:
gt(index)【index 为数字】
使用说明: $("div:gt(0))将得到的结果是一个下标大于0的div元素数组,但是不是包含第一个div。
lt(index)【index为数字】
使用说明:$("div:t(3)") 假设有五个div,那么此表达式得到的结果为下标小于3的前四个div。
eq(index)【index为数字】
使用说明:$("div:eq(4)“) 将得到的是一个div元素
实验代码+效果图:
选择器
- this is one line
- this is two
- this is three
- this is four
- this is five
A
B
C
D
E
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button:eq(0)").click(function(){
$("li:lt(3)").css("background","#9B52FF");
$("div:lt(3)").addClass("newA");
})
$("button:eq(1)").click(function(){
$("li:gt(1)").css("background","#FF7F27");
$("div:gt(1)").addClass("newB");
})
$("button:eq(2)").click(function(){
$("li:eq(2)").css("background","#e1e1e1")
$("div:eq(2)").removeClass("newA newB").addClass("newcolor");
})
});
</script>
使用中的出现的问题:
下标的数值 搞错,index是从0开始的。跟数组似的,切记!
比如:gt(3):选择的是:0,1,2,不是你认为的选择了前两个。
lt(3)选择的是:下标为4,5,6..的,而不是从第3个开始的。