jquery - change text color

Question

I'm new to Jquery and I'm trying to get started by simply changing the color of the font when I hover over it. I thought that I put the right code in but it's not working? can someone help me get this going?

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 .

This is all my code. I just wanted to keep it simple at first.

Have you included the `jQuery` library ? Do share browser-rendered code instead of ruby code... — Rayon, Jul 06 '16 at 02:02
Possible duplicate of [How can I change the text color with jQuery?](https://stackoverflow.com/questions/2001366/how-can-i-change-the-text-color-with-jquery) — Martin Thoma, Jul 27 '17 at 07:26

score 2 · Accepted Answer · answered Jul 06 '16 at 02:14

Andros Rex's method works perfectly - however you may actually want something more like this instead - it changes the color back to the previous color when the mouse is no longer over the element.

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

score 1 · Answer 2 · answered Jul 06 '16 at 02:09

1

There are missing closing parentheses. This is how it should be:

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

answered Jul 06 '16 at 02:09

Andros Rex

372
1
7

score 1 · Answer 3 · answered Jul 06 '16 at 02:11

1

Try this

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

answered Jul 06 '16 at 02:11

Fer VT

500
1
8
25

jquery - change text color

3 Answers3