Home > Article > Web Front-end > How to remove css style in jquery
Jquery method to remove css styles: 1. Remove css styles by using the "removeClass()" method; 2. Remove a single css style by using the "attr()" method or "css()".
The operating environment of this article: Windows 7 system, jquery version 3.2.1, DELL G3 computer
1. Use the removeClass() method to remove the css style
removeClass() method removes one or more classes from the selected element.
Note: If no parameters are specified, this method will remove all classes from the selected elements.
Example: Remove the "intro" class from all e388a4556c0f65e1904146cc1a846bee elements:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").removeClass("intro"); }); }); </script> <style type="text/css"> .intro{ font-size:120%; color:red; } </style> </head> <body> <h1>这是一个标题</h1> <p class="intro">这是一个段落。</p> <p class="intro">这是另一个段落。</p> <button>移除所有P元素的"intro"类</button> </body> </html>
2. Use the attr() method or css() to remove a single css style
## The #attr() method can set the attributes and values of the selected element, and can set one or more attribute/value pairs for the matching element. If you want to use attr() to remove css style, you can set the attribute value to empty. Example:$("#show").attr("style","");css() method can set one or more style attributes of the selected element. If you want to use css() to remove css style, you can set the attribute value to empty. Example:
$("#show").css("style","");Recommended learning: "
jquery video tutorial"
The above is the detailed content of How to remove css style in jquery. For more information, please follow other related articles on the PHP Chinese website!