CODEWITHSUNDEEP
jquery
krishna
krishna

Reputation: 59

font color change for every click using jquery

I am using jquery in my application.I need to change the font-color of the text enclosed in <p></p> tags every time a click is made on the text. Thanks

Upvotes: 0

Views: 9619

Answers (3)

Nick Craver
Nick Craver

Reputation: 630389

I'm not sure where the next color comes from, so here's an example using a random color each click:

$('p').click(function() {
    $(this).animate({ 
        'color': 'rgb('+ (Math.floor(Math.random() * 256)) +','+ 
                         (Math.floor(Math.random() * 256)) +','+ 
                         (Math.floor(Math.random() * 256)) +')'
    }, 500);
});​

You can view a demo of the effect here :)

If you don't want it to animate like I have, just change .animate() to .css() and the change will be instant, like this.

Upvotes: 5

drmonkeyninja
drmonkeyninja

Reputation: 8540

Try something like this where your tags have a class "tag" and the font-colour is defined by a class called "highlight":-

$(document).ready(function(){
  $('.tag').click(function(){
    $(this).toggleClass('highlight');
  });
});

Upvotes: 0

Georg Leber
Georg Leber

Reputation: 3605

You need to specify the tags and then change the css for this tags, e.g. for a <div id="yourid">:

$('#yourid').click(function() {
    $('#yourid').css('color' : '#yourNewColor');
});

Upvotes: 0

Related Questions