jQuery改变活动元素的外观？

【问题标题】：jQuery change look af an active element?jQuery改变活动元素的外观？
【发布时间】：2011-01-16 00:38:53
【问题描述】：

我有 ajax 菜单，我想更改当前选定项目的外观。如果该项目不是带有 href 的“真实”链接并且只显示隐藏的 div，该怎么做？

活生生的例子：

http://jsfiddle.net/9FXua/

当用户单击“Link #1”时，我希望文本“Link #1”为白色，链接的背景为黑色。当用户单击“Link #2”时，我希望文本“Link #2”为白色（...）。

有什么想法吗？

【问题讨论】：

标签： jquery hover click

【解决方案1】：

这个怎么样？ http://jsfiddle.net/9FXua/1/

$('a').click(function() {
    $(".active").removeClass("active");
    $(this).addClass("active");
    var id = $(this).attr('id');
    var divID = $('#'+id.substring(0,id.indexOf('-')));
    $('.hidden').hide();
    $(divID).show();       
});

使用新的 css 类 active

ul li a.active { background: #000; color: #fff; }

【讨论】：

【解决方案2】：

你可以使用：

$('.active').removeClass('active');
$(this).addClass('active');

在点击处理程序中。

JS Fiddle demo.

【讨论】：