jQuery学习19---事件中bind与unbind

最新推荐文章于 2022-01-19 11:51:22 发布

onyas

最新推荐文章于 2022-01-19 11:51:22 发布

阅读量930

点赞数

分类专栏： jQuery 文章标签：事件中bind与unbind

本文链接：https://blog.csdn.net/zheng0518/article/details/9205945

版权

jQuery 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=GBK">
		<title></title>
		<script src="../jquery-1.8.2.js" type="text/javascript"></script>
		<style type="text/css">
		</style>
		<script type="text/javascript">
			$(function()
			{
				$(":button[value=bind]").click(function()
				{
					//绑定单击事件
					/*
					$("#test").bind("click",function()
					{
						alert("click");
					});
					*/
					//绑定多个事件
					/*
					$("#test").bind({"click":function()
					{
						alert("click");
					},"mouseover":function()
					{
						alert("mouseover");
					},"mouseout":function()
					{
						alert("mouseout");
					}});
					*/
				});
				
				$(":button[value=unbind]").click(function()
				{
					//移除指定事件
					$("#test").unbind("mouseover");
					//移除所有的事件
					$("#test").unbind();
				});
			});
		</script>
	</head>
	<body>
		<input id="test" type="button" value="test" /><br />
		<input type="button" value="bind" /><br />
		<input type="button" value="unbind" /><br />
	</body>
</html>

onyas

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习19---事件中bind与unbind

$(function() { $(":button[value=bind]").click(function() { //绑定单击事件 /* $("#test").bind("click",function() { alert("click"); }); */ //绑定多个事件 /*
复制链接

扫一扫