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.
html
<!DOCTYPE html> < html >
< head >
< title >The removeProp Method</ title >
< script src =
</ 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: