用jquery实现点击首项变色,其它不变,点击次项时首项恢复原色。

我写的jquery代码,高人帮我指导一下哪里有错
<script type="text/javascript">
$(document).ready(function(){
$(".menus a").first().addClass("cur");
.menus a:cur{color:red}
$(".menus a").click(function(){
$(".menus a").addClass("selected");
.menus a:selected{color:red}
$(this).removeClass(".menus a");
$(this).addClass(".menus a");
});
});

</script>

楼主这个是有点麻烦了,jQuery的思想是用很少的代码实现较复杂的功能。推荐简单的方法,代码如下:
jQuery Code:
$(function(){
$('.menus a').click(function(){
$(this).css('color','red').siblings().css('color','black');//当前点击变红,其它变黑(可以设置成需要的任意颜色,很简单吧,只一行代码)
});
});

Xhtml Code:
<div class="menus">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-04-20
花了点时间写了详细注释,望采纳,呵呵~

$(document).ready(function(){ //dom树构建后执行以下代码
var $menu = $('.menus a');
$menu.click(function(){ //先给.menus 下的 所有的 a 绑定click事件
var i = $menu.index(this); //知道当前点的是哪个 i = 0 时指第一个
if(i===0){
$menu.first().addClass('selected'); //把第一个绑定上 selected
}else{
$menu.removeClass('selected'); //点的不是第一个的时候把所有a 上面的selected类去掉。
}
});
})本回答被网友采纳
第2个回答  2011-11-20
不用这么复杂吧,不知道你是不是想要这个效果。
$(document).ready(function(){
$("div").click(function(){
$("div").removeClass("a")
$(this).addClass("a");

});
});
第3个回答  2011-11-18
$(".menus a").click(function(){
$(this).addClass("selected").silblings().removeClass("selected");

});本回答被网友采纳

用jquery实现点击首项变色,其它不变,点击次项时首项恢复原色。
jQuery Code:(function(){ ('.menus a').click(function(){ (this).css('color','red').siblings().css('color','black');\/\/当前点击变红,其它变黑(可以设置成需要的任意颜色,很简单吧,只一行代码)});});Xhtml Code: 1 2 3 ...

jquery中如何改变按钮背景色
点击1—1变色。点击2,—变色。但1会变回原来的颜色,我show方法实现了其他的功能.。下面是我初试的代码: HTML code:复制代码 代码如下: .clckClass{color:red;} $('ul li a').bind('click', function(){ $('ul li a:not(this)').removeClass('clckClass'); $(this).addClass('...

第一次点击按钮,datagridview某行变色,再次点击,变色那一行恢复原色
1.每次点击时判断当前色,然后换另一色.2.每次点击后更改按钮文本,下次击时首先判断文本,分流.3.设定点击参数,每次点击处理后更改这个参数.(2.3其实差不多)

如何js实现触屏点击事件
'touchmove',this,false);this.slider.removeEventListener('touchend',this,false);},手指离开屏幕后,所执行的函数。这里先判断手指停留屏幕上的时间,如果时间太短,则不执行该函数。再判断手指是左滑动还是右滑动,分别执行不同的操作。最后很重要的一点是移除touchmove,touchend绑定事件。

jquery中如何改变按钮背景色?
点击1—1变色。点击2,—变色。但1会变回原来的颜色,我show方法实现了其他的功能.。下面是我初试的代码: HTML code:复制代码 代码如下: .clckClass{color:red;} $('ul li a').bind('click', function(){ $('ul li a:not(this)').removeClass('clckClass'); $(this).addClass('...

相似回答