如何使用jquery更改僅點擊鏈接的背景顏色

Question

有鏈接列表，如何使用jquery更改僅點擊鏈接的背景顏色並將其返回原始顏色如果我點擊另一個鏈接？

Answer 1

也許這樣的基本？

$("#linkDivWrapper").on("click", ".linkClass", function() { 
    $(this).css({'background-color': '#ccc'}); 
}); ​ 

Answer 2

這應該爲你做的：

$("a").click(function(event) 
{ 
    $("a").css('background-color', ''); 
    $(this).css('background-color', 'red'); 
}); 

在現實世界中，你可能會用一個div或東西在裏面的鏈接，所以它應該是這樣的：

<div id="divName"> 
<a href="#">Link</a> 
<a href="#">Link</a> 
<a href="#">Link</a> 
</div> 
​ 
<script language="javascript"> 

$("#divName a").click(function(event) 
{ 
    $("a").css('background-color', ''); 
    $(this).css('background-color', 'red'); 
}); 

</script> 

Answer 3

非常普遍，因爲沒有標記發佈，並針對所有<a>元素，並防止默認操作，因爲去新頁面會使突出顯示t他聯繫起來好看不中用：

var elems = $('a'); //select all a elements, could use class instead; 

elems.on('click', function(e) { 
    e.preventDefault(); //prevent default action 
    $(this).addClass('highlight'); //add highlight class to clicked 
    elems.not(this).removeClass('highlight'); //remove highlight class from others 
}); 

Answer 4

Check this jsfiddle demo

HTML：

<ul id="menu"> 
    <li><a href="#">Link 1</a></li> 
    <li><a href="#">Link 2</a></li> 
    <li><a href="#">Link 3</a></li> 
</ul​​​​​​​​​​​​​​>​​​​​​​​ 

腳本：

$("#menu li a").click(function(event) 
{ 
    $("li a").css('background', ''); 
    $(this).css('background', '#f5c491'); 
});​ 

希望這將幫助你。