<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery-添加、移出事件</title>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript">
$(function (){
//移出事件, #beijing事件只能被点击一次
$("li:not('#guangzhou')").click(function(){
alert($(this).text());
if(this.id == "beijing"){
$("#beijing").unbind("click");
}
});
//one():只为某个元素添加一次事件，事件函数响应完后将不在响应改事件
$("#guangzhou").one("click", function (){
alert("我是小广州");
return false;
})
});
</script>
</head>
<body>
<p>选择你所喜欢的城市？</p>
<ul id="city">
<li>哈尔滨</li>
<li id="beijing">北京</li>
<li>上海</li>
<li id="guangzhou">广州</li>
</ul>
<p>选择你所喜欢的专业？</p>
<ul id="major">
<li id="computer">计算机</li>
<li>会计</li>
<li>管理学</li>
<li id="print">印刷工程</li>
</ul>
</body>
</html>