jQuery中的模拟操作主要是通过trigger来触发,相当于页面加载完成后不需要用户点击按钮,就可以自动触发页面中的相关事件。
trigger(type,[data])可以用来模拟触发自定义事件的触发,下面是一个很好的例子。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>模拟操作</title>
<meta name="author" content="Administrator" />
<script type="text/javascript" src="script/jquery-1.12.2.js"></script>
<!-- Date: 2016-03-27 -->
</head>
<body>
<input type="button" value="点击我" id="btn" />
<div id="msg"></div>
<script type="text/javascript">
$(function(){
$("#btn").bind("myClick", function(event,message1,message2) {
$("#msg").append("<p>"+message1+message2+"</p>");
});
$("#btn").trigger("myClick",["我的自定义","事件"]);
});
</script>
</body>
</html>
需要注意的是,传入的参数最后在trigger中调用时需要以数组的形式传递中间用逗号隔开。