Question

I am working on ASP.Net site where I would like to realign the various html controls after button click occurs. Can I do that by replacing current css with new css ? And how can I associate that element with new css in code ?

Answer 1

If you have classes ready to be switched between, you can

$(selector).addClass('classname');
$(selector).removeClass('classname');

..this will alter the classes of the selected element(s)

Or you can

$(selector).css('propertyname', 'propertyvalue');

…this will modify inline styles on the selected element(s).

Edit: To complete my answer a bit…

Let’s say the clickable element in a div with an id of “clickables_container”, your clickable element’s id is “clickable_element” and the element you want to modify has a class of “change_me”…

$(document).ready(function() {
   $('#clickables_container').on('click', '#clickable_element', function() {
       $('.change_me').removeClass('olderclassnametoremove');
       $('.change_me').addClass('additionalclassname');
       $('.change_me').css('background-color', 'blue');
    });
});