<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0;
padding: 0;
}
.father{
width: 200px;
height: 200px;
background: red;
}
.son{
width: 100px;
height: 100px;
background: blue;
}
</style>
<script src="./jquery-1.10.1.min.js"></script>
</head>
<body>
<script>
$(function()
{
//事件命名空间类似css的类,我们在事件类型的后面通过点加名称的方式来给事件添加命名空间:
/*
想要事件的命名空间有效,必须满足两个条件
1.事件是通过on来绑定的
2.通过trigger触发事件
*/
$(".son").on("click.zs",function()
{
alert("666");
});
$(".son").on("click.ls",function()
{
alert("666666");
});
$(".son").trigger("click.ls");
/*核心在于*/
//能够让相同的点击事件找到想执行的哪一个点
});
</script>
<div class="father">
<div class="son"></div>
</div>
<a href="http://www.baidu.com"><span>注册</span></a>
<form action="http://www.taobao.com">
<input type="text">
<input type="submit">
</form>
</body>
</html>
jQuery第二十八篇 事件命名空间
原创
©著作权归作者所有:来自51CTO博客作者陈业贵的博客的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:jQuery第二十九篇 事件委托
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
第二十节 Dockerfile的容器编排
dockerfile实例练习
nginx hadoop docker -
第二十四节 docker构建hadoop集群
大数据集群测试 hadoop实验
hadoop xml docker -
第二十五节 Docker 部署 Flink on Yarn
使用docker部署flink进行作业实验
hadoop flink docker -
Qt第二十八章:异步
pyside6异步处理
qt pyside6异步 句柄 数据处理 自定义 -
Swift 周报 第二十八期
欢迎投稿或推荐内容。目前计划每两周周一发布,欢迎志同道合的朋友一起加入周报整理。用鞭子抽打,陀螺才会旋转。览Swift社区,技能方可升华
iOS Swift Apple App 函数参数 -
Vue3 第二十八篇:常用页面:登录页
JSX组件CSS样式:
Vue3 jsx ico 表单 css -
学习笔记第二十八节课
使用w命令查看系统负载
作业 学习笔记