<!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>
