jQuery中的模拟操作

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中调用时需要以数组的形式传递中间用逗号隔开。

posted @ 2016-03-27 15:53  Arther_J  阅读(158)  评论(0)  编辑  收藏  举报