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.

Latest Udacity Coupon Found:

Verified STAFF PICK

75% OFF COURSES

Udacity Black Friday Offer

The best time to save on Udacity courses is now - follow this coupon to access a 75% Udacity Black Friday discount & enjoy learning at a very low cost!

Expiration date: 25/01/2021
3176 People Used
Only 97 Left
Rating
5.0