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

This article introduces the relevant knowledge of "how to remove the html tag from jq". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Jq remove the html tag method: 1, use remove (), syntax "$(" selector "). Remove ()"; 2, use empty (), syntax "$(" selector "). Empty ()"; 3, use detach (), syntax "$(" selector "). Detach ()".

The operating environment of this tutorial: windows7 system, HTML5&&jquery1.10.2 version, Dell G3 computer.

JQuery remove the html tag

Method 1: use remove ()

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.

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

This is a paragraph.

This is another paragraph.

Remove all P elements

Method 2: use the 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.

$(document) .ready (function () {$("button") .click (function () {$("div"). Empty ();}) Here are some texts.

This is a paragraph in the div block.

This is a paragraph outside the div block.

Remove the contents of the div block

Method 3: use the detach () method

The detach () method removes the selected element, including all text and child nodes. It then retains the data and events.

This method retains copies of the removed elements, allowing them to be reinserted later.

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

This is a paragraph.

This is another paragraph.

Remove all P elements

This is the end of the content of "how to remove the html tag from jq". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

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.