如何使用jQuery更改鏈接的樣式？

我想要使用jQuery必須在點擊它時將我的超鏈接更改爲粗體，並在點擊另一個鏈接時將其切換回正常狀態。我有以下我的網頁鏈接：如何使用jQuery更改鏈接的樣式？

<div id="navigation"> 
     <ul> 
      <li id="home"><a href="/index.html">Home</a></li> 
      <li id="test"><a href="/tests.html">Tests</a></li> 
      <li id="job"><a href="/jobs.html"> Jobs</a></li> 

     </ul> 
     </div>

與以下樣式：

#navigation { float:right; white-space:nowrap;} 
#navigation ul{ list-style-type: none; line-height:14px; padding-top:20px; float:left; } 
#navigation ul li{ float:left; display:inline; border-right:solid 1px #757171; padding-right:8px; margin-right:8px; } 
#navigation ul li.last{ margin-right:0; border:0; padding-right:0; } 
#navigation ul li a{ color:#fff; text-decoration: none;} 
#navigation ul li a:hover, 
#navigation ul li a.active { color:#00e0ff; }

我怎樣才能改變選擇鏈接的風格大膽和/或灰色的？

來源

2014-06-06 Sush

你說的 '選擇' 是什麼意思？你的意思是與你當前所在頁面相對應的鏈接？ – George

選擇意味着鏈接點擊（同時點擊鏈接應該是粗體或灰色） – Sush

你的意思是你想知道CSS來格式化文本或jQuery在兩個類之間切換？ – BFWebAdmin

-3

你的情況：

編輯：當然沒有：選擇，我的意思是：積極

#navigation ul li a:active { 
font-weight: bold; 
color: #ccc; 
}

來源

2014-06-06 08:23:24

它不起作用 – Sush

我已編輯。我寫了不好的代碼;）。當然沒有引號。我只是在js。 –

CSS中沒有'：selected'僞類。 – Quentin

-2

試試這個代碼

jQuery('#navigation a').on('click', function(){ 
    jQuery(this).addClass('active') 
})

來源

2014-06-06 08:30:34 Stary

供參考：此信息出現在低質量帖子隊列中，因爲有人標記了它。你的回答看起來似乎合理，所以我認爲這是因爲它是一個只有代碼的答案。 –

意味着鏈接點擊（而點擊鏈接應該是粗體或灰色）

這裏沒有必要涉及jQuery。

012supsuedo-class將在被點擊的同時選擇元素（並且在它們被聚焦時按下Enter鍵）。

a:active { color: #333; }

來源

2014-06-06 08:35:20 Quentin

它顯示粗體只有點擊並返回到之前點擊回到另一個鏈接.... – Sush

它也不工作 – Sush

@Sush - 是的，這就是你要求的。你說「一邊點擊」不「，一邊訪問頁面時鏈接指向」。 – Quentin

使用本：

$(function() { 
    $('a.link').click(function() { 
     $('a.link').removeClass('active'); 
     $(this).addClass('active'); 
    }); 
});

小提琴：http://jsfiddle.net/bmK7q/1/

來源

2014-06-06 08:46:14 Pranav

如何使用jQuery更改鏈接的樣式？

回答

相關問題