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