How to change colour of text using jQuery

Question

I'm just beginning to learn jQuery and I'm trying to change the colour of a piece of text on my webpage when the user scrolls. the piece of text is contained within a div id. The name of the div I am using in my CSS sheet is #headerTitle.

Here is the code I have so far:

$(document).ready(function(){

    $(window).scroll(function(){

        $("#headerTitle").backgroundColor({
            transition:"background-color": "green"
         });
    }   
}

If you search the official jQuery documentation for backgroundColor, you will see that no such method exists. It's good that you tried something, but reading the documentation beforehand saves you from going in the wrong direction. You can change CSS via api.jquery.com/css and the property that controls the text color is color. Learn how to debug JavaScript. — Felix Kling
– Felix Kling, Commented May 26, 2014 at 22:56
Your questions title and description are talking about two different things. Title refers to text color, but your description is talking about the background color of a div. Can you clarify what you are needing? — MattSizzle
– MattSizzle, Commented May 26, 2014 at 22:57
@MattGreen Sorry about that I am trying to change the text colour, not the background colour. — Stephen Fox
– Stephen Fox, Commented May 26, 2014 at 23:00

MattSizzle · Accepted Answer · 2014-05-26 23:05:45Z

2

This will do it:

   $(document).ready(function () {
    $(window).scroll(function () {
        alert('The Window Scrolled');
        // Set the color attribute on the div
        $('#headerTitle').css('color', 'red');
    });
   });

When the window scrolls you are 'alerted' (This makes sure it works, you can delete), then it will set the text color within your div using the jQuery CSS method.

edited May 26, 2014 at 23:05

answered May 26, 2014 at 22:55

MattSizzle

3,1752 gold badges25 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Felix Kling Over a year ago

What does this refer to here? How exactly should the OP use it with the code he has?

Collectives™ on Stack Overflow

How to change colour of text using jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related