jQuery-添加、移出事件

最新推荐文章于 2022-12-31 19:34:18 发布

weixin_30545285

最新推荐文章于 2022-12-31 19:34:18 发布

阅读量99

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liuyanmin/p/5146543.html

版权

<!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>

转载于:https://www.cnblogs.com/liuyanmin/p/5146543.html

weixin_30545285

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery-添加、移出事件

<!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; charse...
复制链接

扫一扫