jQuery怎麼刪除元素節點

藏色散人原創: 2018-12-07 14:46:187854瀏覽

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>

這裡我們寫了一個點擊事件click，當點擊刪除按鈕button時，就會觸發一個透過remove方法刪除p標籤的事件。

最終效果如下圖所示：

jQuery怎麼刪除元素節點

#.remove（[selector]）：一個選擇器表達式，用於過濾要刪除的匹配元素集。

註：此.remove()方法從DOM取得元素。使用.remove()時要刪除它裡面的元素本身。除了元素本身之外，還刪除了與元素關聯的所有綁定事件和jQuery資料。若要刪除元素而不刪除資料和事件，請使用.detach()。

這篇文章就是關於jQuery刪除元素節點的具體介紹，也非常簡單易懂，希望對需要的朋友有幫助！

以上是jQuery怎麼刪除元素節點的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：如何用ajax提交複選框的值到後台下一篇：如何用ajax提交複選框的值到後台

看更多