jquery - 更改文本颜色答案

【问题标题】：jquery - change text colorjquery - 更改文本颜色
【发布时间】：2016-11-07 23:53:40
【问题描述】：

我是 Jquery 的新手，当我将鼠标悬停在它上面时，我试图通过简单地更改字体颜色来开始。我以为我输入了正确的代码，但它不起作用？有人可以帮我解决这个问题吗？

SHOW.JS：

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

SHOW.HTML.ERB：

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

APPLICATION.JS：

 //= require jquery
 //= require jquery_ujs
 //= require turbolinks
 //= require_tree .

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

【问题讨论】：

您是否包含了jQuery 库？共享浏览器渲染的代码而不是 ruby 代码...
我想是的。我正在发布文件（已更新）
有什么错误吗？当前的行为是什么？
How can I change the text color with jQuery?的可能重复

标签： javascript jquery ruby-on-rails

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

试试这个

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

【讨论】：

【解决方案3】：

Andros Rex 的方法完美运行 - 但是您实际上可能想要更像这样的东西 - 当鼠标不再位于元素上方时，它会将颜色更改回之前的颜色。

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

【讨论】：