jQuery文件操作--empty()和remove()
阿新 • • 發佈：2018-12-03
empty()
概述
刪除匹配的元素集合中所有的子節點
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script> <script> $(document).ready(function() { //empty()刪除匹配的元素集合中所有的子節點 $("button").click(function() { $("div").empty(); }); }); </script> </head> <body> <div style="background-color: #FF0000;width: 130px;height: 50px;"> <ol> <li>第一段話</li> <li>第二段話</li> </ol> </div> <button>點選</button> </body> </html>
remove([expr])
概述
從DOM中刪除所有匹配的元素。
這個方法不會把匹配的元素從jQuery物件中刪除，因而可以在將來再使用這些匹配的元素。但除了這個元素本身得以保留之外，其他的比如繫結的事件，附加的資料等都會被移除
引數
expr 用於篩選元素的jQuery表示式
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script> <script> $(document).ready(function() { //remove()從DOM中刪除所有匹配的元素 $("button").click(function() { $("div").remove(); }); }); </script> </head> <body> <div style="background-color: #FF0000;width: 130px;height: 50px;"> <ol> <li>第一段話</li> <li>第二段話</li> </ol> </div> <button>點選</button> </body> </html>