JQuery uses the addClass () method to add multiple class styles to the element.
This article describes how jQuery uses the addClass () method to add multiple class styles to an element. The example shows how to use the addClass method and how to add multiple styles, for more information, see
This example describes how jQuery uses the addClass () method to add multiple class styles to an element. Share it with you for your reference. The details are as follows:
JQuery uses the addClass () method to add multiple classes to an element. You only need to separate multiple classes by spaces in the added class.
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<! DOCTYPE html> <Html> <Head> <Script src = "js/jquery. min. js"> </Script> <Script> $ (Document). ready (function (){ $ ("Button"). click (function (){ $ ("# Div1"). addClass ("important blue "); }); }); </Script> <Style type = "text/css"> . Important { Font-weight: bold; Font-size: xx-large; } . Blue { Color: blue; } </Style> </Head> <Body> <Div id = "div1"> This is some text. </div> <Div id = "div2"> This is some text. </div> <Br> <Button> Add classes to first div element </button> </Body> </Html> |
I hope this article will help you with jQuery programming.