How does jQuery delete the content of an existing HTML element
This article mainly introduces jQuery how to delete the existing HTML element content, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.
JQuery-Delete element
With jQuery, you can easily delete existing HTML elements.
To delete elements and content, you can generally use the following two jQuery methods:
Remove ()-deletes the selected element (and its child elements)
Empty ()-removes child elements from the selected element
JQuery remove () method
The jQuery remove () method deletes the selected element and its child elements.
$(document) .ready (function () {$("button") .click (function () {$("# div1"). Remove ();}); This is some text in the div.
This is a paragraph in the div.
This is another paragraph in the div.
Delete div element
JQuery empty () method
The jQuery empty () method deletes the children of the selected element.
$(document) .ready (function () {$("button") .click (function () {$("# div1"). Empty ();}); This is some text in the div.
This is a paragraph in the div.
This is another paragraph in the div.
Clear the div element
Filter deleted elements
The jQuery remove () method also accepts a parameter that allows you to filter the deleted element.
This parameter can be the syntax of any jQuery selector. In the following example, delete all of the class= "italic"
Elements:
$(document) .ready (function () {$("button") .click (function () {$("p"). Remove (".italic");})
This is a paragraph in the div.
This is another paragraph in the div.
This is another paragraph in the div.
Delete all the p elements of class= "italic". Thank you for reading this article carefully. I hope the article "how to delete existing HTML elements in jQuery" shared by the editor will be helpful to you. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!
