How jquery changes inline styling

This article will explain in detail how to change the in-line style of jquery. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

In query, you can use the attr () method to change the inline style by setting the value of the style attribute of the element through attr (), with the syntax "$(element). Attr (" style "," inline style code ")" or "$(element). Attr ({style:" inline style code "})".

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

The inline style is written in the style attribute of the HTML tag and is the attribute value of the style attribute; we can change the inline style through the value of the style attribute.

To control the attributes of the tag, you can use the attr () method.

The attr () method sets or returns the property value of the selected element.

The syntax for setting the style property:

$(element) .attr ("style", "inline style code") $(element) .attr ({style: "inline style code"})

Example:

$(document) .ready (function () {$("button") .click (function () {$("p") .attr ("style", "border: 2px solid green; background-color: # 55aa7f 2px solid green; background-color: white;");}) Hello, test text

Modify inline styl

This is the end of the article on "how to change the inline style of jquery". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.