Home > Article > Web Front-end > How to remove css style in jquery?
How to remove css style in jquery?
- 青灯夜游Original
- 2020-11-20 16:50:2614648browse
Jquery method to remove css style: 1. Use the attr() or css() method to set the css attribute value to empty to remove a single css style; 2. Use the removeAttr() method to remove it from the selected element Remove attributes; 3. Use the removeClass() method to remove attributes from the selected element.
Related recommendations: "jQuery Video Tutorial"
jquery remove css style
1. Use the attr() method or css() to remove a single css style
attr() method can set the attributes and values of the selected element , you 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","");2. Use the removeAttr() method to remove css styles
removeAttr() method removes one or more elements from the selected element attributes.
Grammar
$(selector).removeAttr(attribute)
Example:
$("#tab1").removeAttr("style","");3. Use removeClass() method to remove css style
removeClass() method from Removes one or more classes from the selected elements.
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>For more programming-related knowledge, please visit: Programming Video Course! !
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!