empty():清空元素
remove():删除元素 在内存中彻底删除，在元素上绑定的事件和附加的数据都会被移除
detach():删除元素 在内存中不删除，在元素上绑定的事件和附加的数据不会被移除
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>03_删除节点.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="./js/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ //1.清空ul // $("#city").empty(); //2.移除天津 remove // $("#tj").remove(); //3.移除天津 detach // $("#tj").detach(); //4.两者对比 // 扩展 data(key[,value]);数据缓存 //只有Key是获取 //key value都有是设置 $tj=$("#tj"); $tj.data("姓名","张三"); // $tj.detach(); // alert($tj.data("姓名")); $tj.remove(); alert($tj.data("姓名")); //undefined }); </script> </head> <body> <ul id="city"> <li id="bj" name="beijing">北京<p>海淀区</p></li> <li id="tj" name="tianjin">天津<p>河西区</p></li> <li id="cq" name="chongqing">重庆</li> </ul> <p class="hello">Hello</p> how are <p>you?</p> </body> <script type="text/javascript"> </script> </html>