JQuery學習筆記-刪除元素
阿新 • • 發佈:2018-11-22
在這裡,介紹兩種常見方法:
- remove():刪除被選元素及其子元素;
- empty():從被選元素中刪除子元素。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>菜鳥教程</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <style type="text/css"> #div1{ background-color: yellow; width: 200px; height: 100px; } </style> <script> $(document).ready(function() { $("button").click(function(){ $("#div1").remove(); //$("#div1").empty(); }); }); </script> </head> <body> <div id="div1"> 第一段 <p>第二段</p> <p>第三段</p> </div> <button>刪除</button> </body> </html>
下面再介紹如何過濾被刪除的元素:
//刪除class="italic"的p元素
$("p").remove(".italic");