Jquery事件绑定

最新推荐文章于 2023-07-07 16:55:54 发布

Tket

最新推荐文章于 2023-07-07 16:55:54 发布

阅读量126

点赞数

本文链接：https://blog.csdn.net/whyfive4/article/details/100638111

版权

Jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

Jquery事件绑定：

1.jq对象.事件方法(回调函数)
2.jq对象.on("事件名称",回调函数) 绑定
  jq对象.off("事件名称",回调函数) 解绑定
       off空参,则解除所有事件绑定
3.jq对象.toggle(回调1,回调2..) 单击切换
    默认是组件被单击的事件,
    第一次执行回调1，第二次执行回调2
    最后循环继续回调1...回调2
    注意:
        1.在1.9后没有,需要jquery migrate插件
        2.对组件直接toggle，不要再click事件了

举例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src = "JS/jquery-3.3.1.min.js"></script>
<script src = "JS/jquery-migrate-1.1.0.js"></script>
</head>
<body>
<input type = "text" value = "输入入口码" id = "InWords">
<input type = "button" value = "解绑" id = "OFF">
<input type = "button" value = "单击切换" id = "TOGGLE">
</body>
<script type="text/javascript">

//1.jq对象.事件方法(回调函数)
$("#InWords").mouseover(function () {
	alert("hello");
});


//2.jq对象.on("事件名称",回调函数) 绑定
$("#InWords").on("mouseout",function () {
	alert("byte");
});

//2.jq对象.off("事件名称",回调函数)解绑定 
$("#OFF").on("click",function(){
	$("#InWords").off();
})


$("#TOGGLE").toggle(function(){
	$("#InWords").off();
},function(){
	$("#InWords").mouseover(function () {
		alert("hello");
	});
	$("#InWords").on("mouseout",function () {
		alert("byte");
	});
})


</script>
</html>

Tket

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery事件绑定

Jquery事件绑定：1.jq对象.事件方法(回调函数)2.jq对象.on("事件名称",回调函数) 绑定 jq对象.off("事件名称",回调函数) 解绑定 off空参,则解除所有事件绑定3.jq对象.toggle(回调1,回调2..) 单击切换默认是组件被单击的事件, 第一次执行回调1，第二次执行回调2 最后循环继续回调1...回调2 ...
复制链接

扫一扫