<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="./script/jquery-1.4.2.min.js"></script>
<script>
//选取父元素下,索引值为偶数的元素(索引值从1开始)
$(function(){
$("span.child:nth-child(even)").css("background","red");
//选取父元素下,索引值为奇数的元素(索引值从1开始)
$("span.child:nth-child(odd)").css("background","green");
//匹配父元素下,索引值为index的元素
$("span.child:nth-child(1)").css("background","blue");
//匹配每个父元素下的一个子元素
$("span.child:first-child").css("background","pink");
//匹配每个父元素下的最后一个子元素
$("span.child:last-child").css("background","orange");
});
</script>
</head>
<body>
<div>
<span class="child">第一个span</span>
<span class="child">第二个span</span>
<span class="child">第三个span</span>
<span class="child">第四个span</span>
<span class="child">第五个span</span>
</div>
</body>
</html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="./script/jquery-1.4.2.min.js"></script>
<script>
//选取父元素下,索引值为偶数的元素(索引值从1开始)
$(function(){
$("span.child:nth-child(even)").css("background","red");
//选取父元素下,索引值为奇数的元素(索引值从1开始)
$("span.child:nth-child(odd)").css("background","green");
//匹配父元素下,索引值为index的元素
$("span.child:nth-child(1)").css("background","blue");
//匹配每个父元素下的一个子元素
$("span.child:first-child").css("background","pink");
//匹配每个父元素下的最后一个子元素
$("span.child:last-child").css("background","orange");
});
</script>
</head>
<body>
<div>
<span class="child">第一个span</span>
<span class="child">第二个span</span>
<span class="child">第三个span</span>
<span class="child">第四个span</span>
<span class="child">第五个span</span>
</div>
</body>
</html>