应用CSS来使用jQuery

Question

我有4个导航按钮和我设计一个页面垂直网址导航..

当用户点击按钮1，我希望通过应用CSS这是很简单的高亮显示。但那么，如果用户点击BUTTON3那么我该如何申请相同的CSS到该按钮（高亮）和删除（unhighlight）

Answer 1

，我曾应用于显示Button1的CSS比如你有这样的HTML部分：

<ul id="nav_bar"> 
    <li id="item1">Item 1</li> 
    <li id="item2">Item 2</li> 
    <li id="item3">Item 3</li> 
    <li id="item4">Item 4</li> 
</ul> 

而你有这样的CSS：

#nav_bar li { 
    // some style here 
} 

.nav_item_clicked { 
    // something else here 
} 

而jQuery的部分：

$("#nav_bar li").click(function() { 
    $("#nav_bar li").removeClass("nav_item_clicked"); 
    $(this).addClass("nav_item_clicked"); 
}); 

Answer 2

http://jsfiddle.net/v6LA9/

$(function() { 
    $('button').click(function() { 
     $('button').removeClass("selected"); 
     $(this).addClass("selected"); 
    }); 
})​ 

这是一个函数的感情你按钮元素 - 它会从所有的按键去掉”选定的类别，并将其添加到被点击的按钮。