大家知道$(".xxxx")选择器是用来选择一个网页中class的值为xxxx的页面元素,如果在一个网页中存在多个class="xxxx"的元素,我们可能需要选择其中的某一个元素,比如最简单的幻灯片样式
我们想把这四个DIV做成轮流显示,就需要选择其中的一个,也就是用到了找到同样class的第N个元素了,我们可以使用jQuery的eq gt lt 等表达式来进行操作js代码如下:
其中的 $(".demo:eq(n)")就是获得同样class的第N个元素。
<div class="demo">
<img src="demo/demo1.png">
</div>
<div class="demo">
<img src="demo/demo2.png">
</div>
<div class="demo">
<img src="demo/demo3.png">
</div>
<div class="demo">
<img src="demo/demo4.png">
</div>
我们想把这四个DIV做成轮流显示,就需要选择其中的一个,也就是用到了找到同样class的第N个元素了,我们可以使用jQuery的eq gt lt 等表达式来进行操作js代码如下:
$(document).ready(function(){
$(".demo").hide();
$(".demo:eq(0)").show();
var n = 0;
setTimeout(function(){
n++;
$(".demo").hide();
var str = ".demo:eq("+n+")";
$(str).show();
if(n == 3){
n = 0;
}
},5000)
});
其中的 $(".demo:eq(n)")就是获得同样class的第N个元素。