Shulou(Shulou.com)06/01 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.