jQuery changing css class to div

Question

If I have one div element for example and class 'first' is defined with many css properties. Can I assign css class 'second' which also has many properties differently defined to this same div just on some event without writing each property in line.

Answer 1

Yep, easily.

$("#mydiv").attr("class", "second"); 

Answer 2

$(".first").addClass("second"); 

If you'd like to add it on an event, you can do so easily as well. An example with the click event:

$(".first").click(function() {     $(this).addClass("second"); });