Shulou(Shulou.com)06/01 Report--

Most people do not understand the knowledge points of this article "jquery how to change the class properties of div", so the editor summarizes the following contents, detailed contents, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "how jquery changes the class properties of div".

Change the method: 1, use "$(" div "). AddClass (" class attribute value ")" statement; 2, use "$(" div "). Attr (" class "," value ")" statement; 3, use "$(" div "). RemoveClass (" class attribute value ")" statement.

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

Jquery changes the class property of div

Method 1: use the addClass () method

The addClass () method adds one or more classes to the selected element.

This method does not remove the existing class attribute, but simply adds one or more class attributes.

Example:

$(document) .ready (function () {$("button") .click (function () {$("div"). AddClass ("intro");}) .intro {font-size: 120%; color: red } this is an H2 headline and this is a div paragraph.

This is a p paragraph.

Add a class to the div element

Method 2: use the attr () method

$(document) .ready (function () {$("button") .click (function () {$("div"). Attr ("class", "intro");}) .intro {font-size: 120%; color: pink } this is an H2 headline and this is a div paragraph.

This is a p paragraph.

Add a class to the div element

Method 3: use the removeClass () method

The removeClass () method removes one or more classes from the selected element.

Note: if no parameters are specified, the method removes all classes from the selected element.

Example:

$(document) .ready (function () {$("button") .click (function () {$("div"). RemoveClass ("intro");}) .intro {font-size: 120%; color: pink } this is an H2 headline and this is a div paragraph.

This is a p paragraph.

Classes that remove the div element

The above is about the content of this article on "how jquery changes the class properties of div". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.