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
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","");$("#show").css("style","");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!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
