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

Xiaobian to share with you how jquery to remove the css attribute of the element, I hope you have something to gain after reading this article, let's discuss it together!

jquery to remove the element css attribute method: 1, using the "$(element)" statement to obtain the specified element object;2, using css() method to remove the element css attribute, syntax is "element object.css(" attribute name ","");".

Operating environment for this tutorial: Windows 10 system, jquery version 3.2.1, Dell G3 computer.

jquery How to remove CSS attributes from elements

How does jquery remove CSS attributes? If the dom element of html adds a style attribute of css, we can't directly remove these attributes that have been added using jquery, but we can remove the attributes set by style override and restore them to the default style. Let's see how to deal with them together.

Since we are using jquery to process, we will first introduce the jquery plug-in file.

On html, we create a div with the style my_class and a button that triggers the deletion of the css attribute value.

Together with the corresponding style code, the main focus here is on setting the height and color of the two attribute values.

Button click event function, we use jquery css method can set the style properties. For example, if we set the height value here to auto, we can restore the height attribute value set in the original style to the default value.

Let's look at the page first. The div height is now 300px. Let's click the button below.

After clicking, you can see that the height value of the original style setting has no effect, and has been overwritten to the default value of auto, which is equivalent to deleting the original attribute value.

Note that different style attribute values have different default values, such as color, the default value is inherit,

Refresh the page, click the button again, in addition to the height returned to the default value, the text color also returned to black font, which is equivalent to not setting the color style attribute.

After reading this article, I believe you have a certain understanding of "jquery how to remove the css attribute of the element". If you want to know more about it, welcome to pay attention to the industry information channel. Thank you for reading!

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.