jQuery怎么删除元素节点-pengetahuan html-php.cn

Rumah

pengaturcaraan harian

pengetahuan html

jQuery怎么删除元素节点

藏色散人

Dec 07, 2018 pm 02:46 PM

jquery删除元素节点的方法非常简单，我们可以直接通过remove()方法来进行删除节点操作。

jQuery怎么删除元素节点

下面我们就结合简单的代码示例，给大家详细介绍jquery删除节点元素的方法。

代码实例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jquery删除节点示例</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
 $(function () {
            $("button").click(function () {
                $("p").remove();
 });

 })

    </script>
</head>
<body>
<button>删除</button>
<h1>这是标题</h1>
<p>这是一段话。</p>
</body>
</html>

Salin selepas log masuk

这里我们写了一个点击事件click，当点击删除按钮button时，就会触发一个通过remove方法删除p标签的事件。

最终效果如下图所示：

jQuery怎么删除元素节点

.remove（[selector]）：一个选择器表达式，用于过滤要删除的匹配元素集。

注：该.remove()方法从DOM中获取元素。使用.remove()时要删除它里面的元素本身。除了元素本身之外，还删除了与元素关联的所有绑定事件和jQuery数据。要删除元素而不删除数据和事件，请使用.detach()。

本篇文章就是关于jQuery删除元素节点的具体介绍，也非常简单易懂，希望对需要的朋友有所帮助！

Atas ialah kandungan terperinci jQuery怎么删除元素节点. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn