Änderung der CSS-Eigenschaft über jQuery

Question

Was ich hier erreichen möchte, ist, wenn ich über den Link schwebe, würde es grün werden.

Was genau falsch mit diesem Code ist:

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

</script> 

Answer 1

Es ist das Semikolon nach green;, die in CSS funktioniert, aber nicht in Javascript, die nur eine Farbe erwartet, kein Semikolon.

Answer 2

jQuery mit .css() - Funktion, mit der Sie die CSS-Eigenschaft oder ein beliebiges DOM-Element im Dokument ändern können. Eigenschaft Beispiel

Single:

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

Multiple Eigenschaft Beispiel:

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

z.B.

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