jquery__事件绑定

最新推荐文章于 2024-10-10 22:10:24 发布

LiMgYe_OK

最新推荐文章于 2024-10-10 22:10:24 发布

阅读量94

点赞数

文章标签： jquery html

本文链接：https://blog.csdn.net/LiMgYe_OK/article/details/111657259

版权

事件绑定
1. jquery标准的绑定方式
jq对象.事件方法(回调函数);
*注∶如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。

<body>
	
	<!-- <input type="text" name="uname" id="uu" placeholder=""> -->
	<button name="uname" id="uu">点击</button>
	<script type="text/javascript" src="./js/jquery-3.1.1.js"></script>
	<script>
		 $("#uu").click(function(){
		 	document.write("good");
		 })
	</script>
</body>

在这里插入图片描述

2. on绑定事件/off解除绑定
jq对象.on(“事件名称”,回调函数)
jq对象.off(“事件名称”)

 <body>
		
		<input type="text" name="uname" id="uu" placeholder="使用on来绑定事件" ">
		<input type="text" name="uname" id="mm" placeholder="使用off来解绑事件">
		<script type="text/javascript" src="./js/jquery-3.1.1.js"></script>
		<script>
			
			$("#uu").on("click",function(){
				alert("已绑定事件");
			})
			
			$("#mm").click(function(){
				$("#uu").off("click");//表示只解绑uu的click
				// $("#uu").off();//表示解绑uu所有组件
			})
			
		</script>
	</body>