<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<script type="text/javascript" src="scripts/jquery-1.7.2.js"></script>
<script type="text/javascript">
//测试移除事件: unbind("清除指定的事件")，unbind()清除所有事件
//one(): 只为某一个元素添加一次事件, 事件函数响应后, 将不再被触发响应.
$(function(){
//用one限制上海只能点击一次
$("#sh").one("click",function(){
alert(this.firstChild.nodeValue);
})
$("li:not(#sh)").click(function(){
alert(this.firstChild.nodeValue);
//unbind清除北京的点击事件
if(this.id=="bj")
$("#bj").unbind("click");
})
})
</script>
</head>
<body>
<p>你喜欢哪个城市?</p>
<ul id="city">
<li id="bj" name="BeiJing">北京</li>
<li id="sh">上海</li>
<li id="dj">东京</li>
<li id="se">首尔</li>
</ul>
</body>
</html>