jquery怎麼設定點擊事件去除div元素-前端問答-PHP中文網

首頁

web前端

前端問答

jquery怎麼設定點擊事件去除div元素

青灯夜游

Apr 22, 2022 pm 03:31 PM

jquery

移除方法：1、用「$("button").click(function(){...});」語句，給予按鈕元素綁定點擊事件，並設定事件處理函數；2 、在處理函數中，以「$("div").remove();」語句將div元素及內部的所有內容都刪除。

jquery怎麼設定點擊事件去除div元素

本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。

jquery設定點選事件去除div元素

#實作想法：

用click()給按鈕元素綁定點擊事件，並設定事件處理函數
在處理函數中，用remove()刪除div元素

remove()可以移除被選元素，包括所有的文字和子節點。

remove() 方法用於「徹底」刪除元素。所謂的“徹底”，指的是不僅會刪除元素，還會把元素綁定的事件刪除；

#實作範例：

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="UTF-8">
        <script src="js/jquery-1.10.2.min.js"></script>
        <script>
            $(document).ready(function() {
                $("button").click(function() {
                    $("div").remove();
                });
            });
        </script>
             
        <style>
            div{
                color: red;
            }
        </style>
    </head>
    <body>
         
        <div>这是一个div段落。</div>
        <span>一个span元素</span>
        <div>这是另一个div段落。</div>
        <p>这是一个p段落。</p>
        <button>点击按钮，移除div元素</button>
 
    </body>
</html>