JQuery remove()用法及代碼示例

remove()中的方法jQuery用於刪除所有選定的元素，包括所有文本。此方法還會刪除所選元素的數據和所有事件。

用法:

$(selector).remove()

返回值：它將返回刪除的所選元素的所有數據。

示例 1：

Input: $("p").remove()
Output: Output will be all the elements of the paragraph get deleted.

示例 1：在此示例中，我們使用 jQuery 刪除方法。

html


<!DOCTYPE html>
<html>
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
        //this is JQuery CDN directed from the JQuery website
    </script>
    <script>
        $(document).ready(function () {
            $("button").click(function () {
                $("p").remove();
            });
        });
    </script>
</head>
<body>
    <div style="padding-left:220px;
                padding-top:100px;">
        <p style="font-size:35px;">
            Welcome to GFG!!!.
        </p>
        <button style="padding:15px;">
            Click ME
        </button>
    </div>
</body>
</html>

輸出：

jquery-23

我們還可以在以下命令的幫助下使用類名查找和刪除元素jQuery remove()方法。

用法:

$(".class_name").remove()

返回值：它將返回頁麵上刪除的所有帶有類名的部分。

示例 2：

Input: $(".geek").remove()
Output: Here "gfg!!!" get deleted.

示例 2：在此示例中，我們使用 jQuery remove() 方法。

html


<!DOCTYPE html>
<html>
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
        //this is JQuery CDN directed from the JQuery website
                </script>
    <script>
        $(document).ready(function () {
            $("button").click(function () {
                $(".geeks").remove();
            });
        });
    </script>
</head>
<body>
    <div style="margin-left:180px; font-size:35px;
                padding-top:100px">
        <p class="geeks">
            Welcome to GFG!!!.
        </p>
        <p class="geeks">
            Hello, My class is geeks
        </p>
        <button>Click ME</button>
    </div>
</body>
</html>

輸出：

jquery-24

相關用法

注：本文由純淨天空篩選整理自kundankumarjha大神的英文原創作品 jQuery remove() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。