jQuery example lesson 1

tutoring jquery addClass and removeCalss

by Susan Delgado

HTML

<div id="list">
    <p class="white">click me</p>
    <p class="white">click me</p>
    <p class="white">click me</p>
    <p class="white">click me</p>
    <p class="white">click me</p>
</div>

CSS

.black{
    color:#fff;
    background:#000;
}
.white{
    color:#000;
    background:#fff;
}

JavaScript

$(function() {
    $('p').click(function(){
        var eleClass = $(this).attr('class');
        if(eleClass === 'white')
        {
           $(this).removeClass('white').addClass('black');        
        } else{
             $(this).removeClass('black').addClass('white');
        }
    });
});