jQuery - изменить цвет текста

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() { 
     var old; 
     $(".modal").hover(
      function() { 
       old = $(".modal").css("color"); 
       $(".modal").css("color","red"); 
      }, 
      function() { 
       $(".modal").css("color",old); 
      } 
     ); 
    } 
); 

Answer 2

Отсутствуют закрывающиеся круглые скобки. Вот как это должно быть:

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

Answer 3

Попробуйте

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