Dynamically addClass CSS click using jQuery

Welcome to the In Pakainfo.com website! You will Step By Step learn web programming, easy and very fun. This website allmost provides you with a complete web programming tutorial presented in an easy-to-follow manner. Each web programming tutorial has all the practical examples with web programming script and screenshots available.

onclick add class remove class using jquery Example

$(document).ready(function(){
    $("button").click(function(){
        $("div:first").addClass("myngclass");
    });
});


.myngclass {
    font-size: 180%;
    color: green;
}



jquery add remove class onclick
onclick add class remove class
jquery onclick toggle class
jquery add css style

Click Event After AddClass : jQuery addClass() Method

$('.top-image').load(function(){
    $(this).parents('.image-wrapper-load').removeClass('image-wrapper-top').addClass('image-logo-new');
});

Add active class to Li on click jquery – Example

##HTML##

jQuery
PHP
Laravel
Magento

##Script##
$('ul li a').click( function(){
    if ( $(this).hasClass('active') ) {
        $(this).removeClass('active');
    } else {
        $('li a.active').removeClass('active');
        $(this).addClass('active');    
    }
});
##Style##
a {
    transition:all 300ms;
    color:#green;
    background:#red;
}
.active {
    color:#875;
    background:#3D3D3D;
}

Example

Jquery Add active class to main menu : Script

$(document).ready(function(){
  $('ul li a').click(function(){
    $('li a').removeClass("active");
    $(this).addClass("active");
});
});

Example