Question

我想在这里实现的是当我将鼠标悬停在链接上时，它会变为绿色。

此代码有什么问题：

<script>
     $(document).ready(function() {
     $("a").hover(function() {
     $(this).css({"background-color": "green;"});
     });
 });

</script>

Answer 1

它是green;之后的分号，它在CSS中有效，但不在javascript中，它只需要一种颜色，不需要分号。

$(document).ready(function() {
     $("a").hover(function() {
         $(this).css({"background-color": "green"});
     });
});

Answer 2

jQuery具有.css（）函数，它允许您更改文档上的CSS属性或任何DOM元素。

单一属性示例：

jQuery(Selector).css("PropertyName", "Value");

多个属性示例：

jQuery(Selector).css({"PropertyName1": "Value1", "PropertyName2": "Value2"});

e.g。

jQuery(document).ready(function() {
    jQuery("a").hover(function() {
        jQuery(this).css("background-color", "green");
    });
});

通过jQuery更改css属性

2 个答案: