Question

我是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 .

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

Answer 1

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

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

Answer 2

试试这个

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

Answer 3

安德罗斯雷克斯的方法非常有效 - 但是你实际上可能想要更像这样的东西 - 当鼠标不再在元素上时，它会将颜色改回原来的颜色。

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

jquery - 更改文本颜色

3 个答案: