看不懂的先来瞧一瞧这段代码
来源：7-1 jQuery自定义事件之trigger事件
Zz皓
2019-04-18 22:50
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<button id="btn">页面加载触发自定义事件</button>
<button id="btn1">页面加载触发自定义事件并且传参</button>
<p id="test"></p>
<script>
$("#btn").on("testClick", function(){
alert("自定义事件触发")
})
// 页面加载自动执行自定义事件testClick
$("#btn").trigger("testClick");
// 自定义事件并且传参
$("#btn1").bind("myClick", function (event, message1, message2) {
$("#test").append("<p>" + message1 + message2 + "</p>");
});
$("#btn1").trigger("myClick",["我的自定义","事件"]);
</script>
</body>
</html>
写回答
关注
2回答
-
- 金刚无敌葫芦娃
- 2020-04-12 00:25:51
你写这个我一看就懂，7.1教程里面的完全不懂写的什么
另外为什么一个用on一个用bind？
-
- 业余奶茶品鉴师
- 2019-05-06 14:38:05
啧啧啧，十分优秀
jQuery基础(三)—事件篇
jQuery第三阶段开启事件修炼，掌握对页面进行交互的操作
89997 学习 · 625 问题
相似问题