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>