Как изменить стиль ссылки с помощью jQuery?

Question

Я хочу использовать 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; } 

Как я могу изменить стиль выбранной ссылки жирным шрифтом и/или серый?

Answer 1

В вашем случае:

редактировать: конечно нет: выбран, я имею в виду: активный

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

Answer 2

Попробуйте этот код

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

Answer 3

означает ссылку мыши (в то время как щелчок по ссылке должен быть полужирным или серым)

Для этого не нужно включать jQuery.

Класс psuedo класса будет выбирать элементы во время их нажатия (и во время нажатия Enter при фокусировке).

a:active { color: #333; } 

Answer 4

использовать это:

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

Fiddle: http://jsfiddle.net/bmK7q/1/