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 Coupon Found:

Verified STAFF PICK

TOP-RATED CODING COURSES

Learn the skills of tomorrow

The best time to learn programming is now - follow this link to access 100+ coding courses and enjoy learning at a very low cost!

Expiration date: 18/04/2021
2287 People Used
Only 92 Left
Rating
5.0