jQuery- change text color on button click

Question

Using jQuery, how do I change the color of all paragraph tags on the page to green when a button is clicked? I've started with this:

$(document).ready(function() {
    button.click(function() {
 WHAT GOES HERE?     
    });
});

Senthilmurugan · Accepted Answer · 2014-02-24 20:29:43Z

1

<style>
.green{
   color: green;
}
</style>


$( "p" ).addClass( "green" );

answered Feb 24, 2014 at 20:29

Senthilmurugan

3831 silver badge14 bronze badges

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

Comments

adeneo · Accepted Answer · 2014-02-24 20:29:06Z

0

Something like this

$(document).ready(function() { 
    $('button').on('click', function() { 
       $('p').css('color', 'green');
    }); 
});

You should start by reading the manual -> https://learn.jquery.com/

answered Feb 24, 2014 at 20:29

adeneo

319k29 gold badges410 silver badges392 bronze badges

Josh Crozier · Accepted Answer · 2015-12-12 02:45:20Z

0

$(document).ready(function() {
    $('button selector').click(function() {
        $('p').attr('style','color: green;');
    });
});

This should do the trick

Josh Crozier

242k56 gold badges401 silver badges316 bronze badges

answered Feb 24, 2014 at 20:29

Guerra

2,7882 gold badges24 silver badges32 bronze badges