jQueryを使ってCSSプロパティを変更する

Question

私がここで達成しようとしているのは、リンク上にマウスカーソルを合わせると緑色に変わります。

このコードで正確に何が問題である：

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

</script> 

Answer 1

それは、唯一のセミコロンを色を期待していないCSSではなく、JavaScriptで動作しますgreen;後にセミコロン、です。

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

Answer 2

jQueryはCSSプロパティまたはドキュメントの任意のDOM要素を変更できる.css（）関数を持っています。

つのプロパティ例：

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

複数のプロパティ例：

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

例えば

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