Using jQuery Remove Attribute Function Explained

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:

$("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.