更改懸停元素的顏色？

我想改變，當我懸停在它的一個元素的背景顏色，但我將無法正常工作！？更改懸停元素的顏色？

$(document).ready(function(){ 
$(".walkingRoute-container").hover(function(){ 
    $("walkingRoute-container").css("background","#02baff"); 
    }); 
});

Preciate som help。謝謝！

來源

2011-02-28 3D-kreativ

請檢查你的代碼。 $（「walkingRoute-container」）缺少點（。） – 2011-02-28 08:49:31

您在選擇類名之前忘了點。

使用$(this)目標，實際上是徘徊的元素，否則你將改變與該類別的所有元素的背景。你可能還需要一個功能，消除背景，當你離開的元素：

$(document).ready(function(){ 
    $(".walkingRoute-container").hover(function(){ 
    $(this).css("background","#02baff"); 
    },function(){ 
    $(this).css("background",""); 
    }); 
});

來源

2011-02-28 08:51:53 Guffa

謝謝！這個圓點不見了！這個元素是一個鏈接標籤內，我不知道我將如何改變或添加代碼，讓背景顏色變化，並保持該顏色，如果我點擊它highligt這個元素？ – 2011-02-28 09:12:11

@ user637364我想你應該通過acceping答案 – 2011-02-28 10:06:01

@ user637364表示感謝：您可以使用點擊事件上的鏈接標籤設置鏈接標籤的背景。即使在懸停改變內部元素的背景時，該元素也會保持其背景色。 – Guffa 2011-02-28 10:52:35

如果有一個。 funcion裏面的類名之前？

來源

2011-02-28 08:47:50

$("walkingRoute-container").css("background","#02baff");

應該

$(".walkingRoute-container").css("background","#02baff");

來源

2011-02-28 08:51:02

我打消了我對jQuery的答案，因爲mortenDelfi，克萊德路寶，Guffa和3nigma已經都說了。我只是想指出的是，也許你可以實現你的純CSS需要使用非JavaScript的內容：懸停選擇這樣的：

.walkingRoute-container:hover { background-color: #02baff }

見DEMO。

來源

2011-02-28 09:06:45 rsp

更改懸停元素的顏色？

回答

相關問題