jQuery removeProp() Method

Last Updated : 10 Jul, 2023

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= "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>