楼主这个是有点麻烦了,jQuery的思想是用很少的代码实现较复杂的功能。推荐简单的方法,代码如下:
jQuery Code:
$(function(){
$('.menus a').click(function(){
$(this).css('color','red').siblings().css('color','black');//当前点击变红,其它变黑(可以设置成需要的任意颜色,很简单吧,只一行代码)
});
});
Xhtml Code:
花了点时间写了详细注释,望采纳,呵呵~
$(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类去掉。
}
});
})
不用这么复杂吧,不知道你是不是想要这个效果。
$(document).ready(function(){
$("div").click(function(){
$("div").removeClass("a")
$(this).addClass("a");
});
});
$(".menus a").click(function(){
$(this).addClass("selected").silblings().removeClass("selected");
});