站長資訊網(wǎng)
去除方法：1、用“$("button").click(function(){…});”語句，給按鈕元素綁定點擊事件，并設(shè)置事件處理函數(shù)；2、在處理函數(shù)中，用“$("div").remove();”語句將div元素及內(nèi)部的所有內(nèi)容都刪除。
本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery設(shè)置點擊事件去除div元素
實現(xiàn)思想：
-
用click()給按鈕元素綁定點擊事件，并設(shè)置事件處理函數(shù)
-
在處理函數(shù)中，用remove()刪除div元素
remove()可以移除被選元素，包括所有的文本和子節(jié)點。
remove() 方法用于“徹底”刪除元素。所謂的“徹底”，指的是不僅會刪除元素，還會把元素綁定的事件刪除；
實現(xiàn)示例：
<!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>
可以看出，只需要使用鼠標(biāo)點擊一下按鈕（綁定點擊事件的元素），就會在頁面中刪除div元素。
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
