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

This article mainly explains "how to remove elements from jquery". The content in the article is simple and clear, easy to learn and understand. Please follow the editor's train of thought to study and learn "how to remove elements from jquery".

Method: 1, use the remove () method to remove the element, this method is used to delete the specified element, the syntax is "element object .remove ();"; 2, use the empty () method to remove the element, this method is used to delete all child elements of the specified element, the syntax is "element object .empty ();".

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

How does jquery remove elements?

You can use the remove () and empty () methods of jquery

Remove () deletes selected elements and child elements

Empty () deletes only the children of the selected element

Let's take a look at each of them:

1. Using remove method

The remove () method removes the selected element, including all text and child nodes.

This method also removes the data and events of the selected element.

The syntax is:

(selector) .remove ()

Examples are as follows:

$(document) .ready (function () {$("button") .click (function () {$("p"). Remove ();})

This is a paragraph.

This is another paragraph.

Remove all P elements

Output result:

2. Using empty method

The empty () method removes all child nodes and content of the selected element.

Note: this method does not remove the element itself or its attributes.

The syntax is:

(selector) .empty ()

Examples are as follows:

(document) .ready (function () {$("button") .click (function () {$("div"). Empty ();}); this is some text.

This is a paragraph in the div block.

This is a paragraph outside the div block.

Remove the contents of the div block

Output result:

Thank you for your reading, the above is the content of "how to remove elements from jquery". After the study of this article, I believe you have a deeper understanding of how to remove elements from jquery, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.