jquery 选择器的写法?一组li,默认a背景蓝,点击b,a恢复背景白,b背景变为蓝。下面代码怎么修改?
这个可以实现点击b,a恢复背景白,b背景变为蓝。但让第一个li一出现默认是有蓝色背景怎么改啊?<script>varlen=document.getElementsByT...
这个可以实现点击b,a恢复背景白,b背景变为蓝。但让第一个li一出现默认是有蓝色背景怎么改啊?
<script>
var len = document.getElementsByTagName('li').length;
var obj;
for( var i=0; i<len; i++ ){
document.getElementsByTagName('li')[i].onclick = function(){
if(obj)obj.className = "";
this.className = "on";
obj = this;
return false;
}
}
</script> 展开
<script>
var len = document.getElementsByTagName('li').length;
var obj;
for( var i=0; i<len; i++ ){
document.getElementsByTagName('li')[i].onclick = function(){
if(obj)obj.className = "";
this.className = "on";
obj = this;
return false;
}
}
</script> 展开
展开全部
你这是js啊,不是jquery,如果用jquery写的话,应该是这样的:
$(function(){
var obj = null;
$('li').click(function(){
$(this).toggleClass('on');//这句代码的意思是,当点击时,有这个class就去掉,没有的话,就加上这个class,不过,第一次没有class,会加上这个class,当第二次点击该li标签,就会移除该class,所以:
上边这段代码不能达到你的效果,应该是这样:
if(obj!=null)obj.removeClass('on');
$(this).addClass('on');
obj = $(this);
})
})
$(function(){
var obj = null;
$('li').click(function(){
$(this).toggleClass('on');//这句代码的意思是,当点击时,有这个class就去掉,没有的话,就加上这个class,不过,第一次没有class,会加上这个class,当第二次点击该li标签,就会移除该class,所以:
上边这段代码不能达到你的效果,应该是这样:
if(obj!=null)obj.removeClass('on');
$(this).addClass('on');
obj = $(this);
})
})
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询