Seize the opportunity to gain new skills and reshape your career!

Choose a free learning path and get valuable insights from first-rate courses

Code has been added to clipboard!

Using jQuery Remove Attribute Function Explained

Reading time 1 min
Published Jan 23, 2018
Updated Oct 1, 2019

jQuery Remove Attribute: Main Tips

  • The jQuery .removeAttr() deletes the specified attributes from each matched element.
  • It uses the JavaScript .removeAttribute() function but can be directly called on a jQuery object.
  • jQuery remove attribute method is also better adapted to browsers' attribute naming that its JavaScript counterpart.

Using .removeAttr()

The method .removeAttr() removes the indicated attribute from elements.

Tip: the remove attribute jQuery method accepts multiple attributes, but they need to be separated by spaces.

The example below illustrates how <div> is removed with jQuery remove attribute function:

Example
$("button").click(() => {
    $("div").removeAttr("id");
});

To make jQuery remove an attribute, you need to specify it as a parameter:

$("selector").removeAttr(attribute);

Note: deleting inline onclick with jQuery .removeAttr() can cause issues in Internet Explorer 8, 9 and 11. Apply .prop() as an alternative.