JQ 事件

最新推荐文章于 2024-07-19 15:13:24 发布

快乐的小毛毛虫

最新推荐文章于 2024-07-19 15:13:24 发布

阅读量60

点赞数

分类专栏：前端文章标签： jquery javascript ajax

本文链接：https://blog.csdn.net/qq_45689826/article/details/120095616

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src= "./js/jquery.js" type="text/javascript" charset="UTF-8"></script>
		<script type="text/javascript">
			//--------------------------绑定事件
			// $(function{})
			// jQuery(function{})
			// $(document).ready(dunction(){})
			
			$(function(){
				//点击事件click 双击事件dblclick
				$("#inp1).click(function(){
					alert("单击事件");
				})
				
				//-------双击事件
				$("#inp2").click(function(){
					alert("双击事件");
				})
				
				//---------------bind事件绑定 用来绑定多个事件的
				$("#inp3").bind('click',function(){
					alert("bind事件绑定");
				)}
				//其内容还支持json格式
				$("#inp3").blind({
					'click':function(){},
					'dblclick':function(){},
					'blur':function(){}
				})
				
				//----------------one 一次事件绑定
				$("#inp2").one('click',function(){
					alert("一次事件绑定");
				})
				
				//------------------解绑---------------
				$("inp3").unbind(); //解除所有的事件
				$("inp2").unbind("click");//解绑指定事件
				$("inp3").live('click',function(){})
			})
			
		</script>
	</head>
	<body>
		<input  type="button" id="inp1" value="单击绑定事件"/>
		<input type = "button"  id = "inp2" value="绑定事件" />
		<input type = "button" id ="inp3" value="bind事件绑定" />
	</body>
</html>

快乐的小毛毛虫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQ 事件

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src= "./js/jquery.js" type="text/javascript" charset="UTF-8"></script> <script type="text/javascript"> //-------.
复制链接

扫一扫