jQuery remove elements provide a different method that is used to remove HTML elements or contents.
jQuery provides different methods such as empty(), remove() etc. This method is very helpful for removing HTML elements or contents from the document.
Source Code
$(document).ready(function () {
$("button").click(function () {
$("div").empty();
});
});
It is used to remove selected elements as well as all the child elements, descendant elements, and their content. Please keep in mind that all the events associated with the HTML element will also be removed from the dom.
Source Code
$(document).ready(function () {
// Removes paragraphs with class "hint" from DOM
$("button").click(function () {
$("p.hint").remove();
});
});
The jQuery removeAttr() method is used to remove an attribute from the selected elements.
The below, given example will remove the href attribute from the <a> elements on button click.
Source Code
$(document).ready(function () {
// Removes the hyperlink's href attribute
$("button").click(function () {
$("a").removeAttr("href");
});
});
