The removeProp() method is an inbuilt method in jQuery that is used to remove the property set by the prop() method. The prop() method is used to add a property to a selected element.
Syntax:
$(selector).removeProp(property)
Parameter: This method accepts single parameter property which is mandatory. It is used to specify the name of the property which needs to remove.
Return Value:
This method returns the selected element with the specified property removed.
The below example illustrates the removeProp() method in jQuery:
Example: Here is an example of the above-explained method.
<!DOCTYPE html>
<html>
<head>
<title>The removeProp Method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- jQuery code to show the working of this method -->
<script>
$(document).ready(function () {
$("button").click(function () {
let $GFG = $("div");
$GFG.prop("color", "green");
$GFG.append("The value of color: "
+ $GFG.prop("color"));
$GFG.removeProp("color");
$GFG.append("<br>The value of color after removeProp: "
+ $GFG.prop("color") + "<br>");
});
});
</script>
<style>
div {
width: 400px;
min-height: 60px;
padding: 15px;
border: 2px solid green;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div></div>
<!-- click on this button -->
<button>Click Here!</button>
<br>
<br>
</body>
</html>
Output:
