jQuery事件的高级用法

1.绑定时间和接触绑定

jQuery对象.on("事件名称",函数)

jQuery对象.off("事件名称"):解绑指定事件

jQuery对象.off(""):解绑所有事件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-2.2.4.min.js">
			
		</script>
		
		<script type="text/javascript">
			$(function(){
				$("#btn").on("click",function(){
					console.log("666");
				}).on("mouseover",function(){
					console.log("9999999");
				});
				
				$("#ub").click(function(){
//					$("#btn").off("click");
					$("#btn").off();
				})
			})
		</script>
	</head>
	<body>
		<button id="btn">按钮</button>
		<button id="ub">解绑</button>
	</body>
</html>

2. 切换绑定

   jQuery对象.toggle(函数1,函数2,.....)

  注:该功能在jQuery2.0之后被删除了,如果在高版本中使用,需要引入migrate插件

猜你喜欢

转载自blog.csdn.net/tony_yang6/article/details/106661608