Javascript jquery-更改文本颜色

Javascript jquery-更改文本颜色,javascript,jquery,ruby-on-rails,Javascript,Jquery,Ruby On Rails,我是Jquery的新手,我正试图通过在鼠标悬停在Jquery上时简单地更改字体的颜色来开始。我以为我输入了正确的代码,但它不起作用?谁能帮我把这件事做好吗 SHOW.JS: $(document).ready(function(){ $(".modal").hover(function(){ $(".modal").css("color","red"); })); SHOW.HTML.ERB: <p class="modal"><%= @subscriber.last_

我是Jquery的新手,我正试图通过在鼠标悬停在Jquery上时简单地更改字体的颜色来开始。我以为我输入了正确的代码,但它不起作用?谁能帮我把这件事做好吗

SHOW.JS:

$(document).ready(function(){
 $(".modal").hover(function(){
 $(".modal").css("color","red");
}));
SHOW.HTML.ERB:

 <p class="modal"><%= @subscriber.last_name %></p>

这是我所有的代码。一开始我只是想保持简单。

缺少右括号。应该是这样的:

$(document).ready(function() {
  $(".modal").hover(function() {
    $(".modal").css("color","red");
  });
});
试试这个

$('.modal').css({"color" : "red"});

Andros Rex的方法工作得非常完美——但是你可能真的想要更像这样的东西——当鼠标不再在元素上时,它会将颜色更改回以前的颜色

$(document).ready(
    function() {
        var old;
        $(".modal").hover(
            function() {
                old = $(".modal").css("color");
                $(".modal").css("color","red");
            },
            function() {
                $(".modal").css("color",old);
            }
        );
    }
);

您是否包含了
jQuery
库?共享浏览器呈现的代码而不是ruby代码…我想是的。我正在发布文件(更新)有错误吗?当前的行为是什么?可能重复的
$(document).ready(
    function() {
        var old;
        $(".modal").hover(
            function() {
                old = $(".modal").css("color");
                $(".modal").css("color","red");
            },
            function() {
                $(".modal").css("color",old);
            }
        );
    }
);