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

2024-11-02 10:13:24
推荐回答(4个)
回答1:

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

Xhtml Code:

回答2:

花了点时间写了详细注释,望采纳,呵呵~

$(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类去掉。
}
});
})

回答3:

不用这么复杂吧,不知道你是不是想要这个效果。
$(document).ready(function(){
$("div").click(function(){
$("div").removeClass("a")
$(this).addClass("a");

});
});

回答4:

$(".menus a").click(function(){
$(this).addClass("selected").silblings().removeClass("selected");

});