如何使用jQuery添加和刪除類？

Question

我有每個李鏈接ul列表。我的問題是：我如何從一個（主播）中刪除'selected'類並將其應用於我懸停的那個？

<ul> 
    <li><a href="" class="selected">Link 1</a></li> 
    <li><a href="">Link 2</a></li> 
    <li><a href="">Link 3</a></li> 
    <li><a href="">Link 4</a></li> 
    <li><a href="">Link 5</a></li> 
</ul> 

Answer 1

結賬jQuery的API：http://api.jquery.com/

jQuery.addClass jQuery.removeClass

$("li").hover(
    function() { 
    $(this).addClass('selected'); 
    }, 
    function() { 
    $(this).removeClass('selected'); 
    } 
); 

Answer 2

試試這個：

$("ul li a").hover(function(e){ 
    $("ul li a").removeClass("selected");  
    $(this).addClass("selected"); 
    e.preventDefault(); 
}); 

您從所有a標籤上刪除然後將其添加到鼠標所在的位置。

Answer 3

你需要寫一個選擇，以找到合適的節點，然後使用方法addClass與removeClass

在這種情況下

$(".selected").removeClass("selected").addClass("unselected"); 

注意到我如何鏈接兩人在一起..

Answer 4

$('li').mouseover(function(){ 
    $(this).addClass('selected'); 
    console.log("adding class"); 
} 
).mouseout(function(){ 
    $(this).removeClass('selected'); 
    console.log("removing class"); 
}); 

工作示例：http://jsfiddle.net/MdNXZ/

Answer 5

使用以下HTML：

<ul> 
    <li><a href="">Link 1</a></li> 
    <li><a href="">Link 2</a></li> 
    <li><a href="">Link 3</a></li> 
    <li><a href="">Link 4</a></li> 
    <li><a href="">Link 5</a></li> 
</ul> 

你問什麼是jQuery的腳本行：

$('li').hover($(this).children('a').toggleClass('selected')); 

就是這樣。一個班輪。

文檔的功能：

http://api.jquery.com/hover/

http://api.jquery.com/toggleClass/

http://api.jquery.com/children/

---