在元素悬停时更改样式

Question

元素类walkingRoute-container位于链接标记之间，我想知道该如何操作，以突出显示一个元素，该元素的颜色在元素上单击时保持不变，并在单击另一个元素时删除元素，但不是悬停时？我还想在悬停时将元素内的<p>更改为另一种颜色？

感谢一些帮助。

谢谢！

代码如下

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

}）;

Answer 1

JQuery函数css也接受类似json对象的参数。

var obj = {
    'height': 100,
    'width': 100,
    'background', 'red'
    };

$(element).css(obj);