码迷,mamicode.com
首页 > Web开发 > 详细

jquery trigger 的用法

时间:2015-05-15 20:02:56      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

trigger() 触发事件:

触发事件就是 类似于点击click, mouseover, keydown 等有动作的js事件,简单的说就是一个动作。

比如:给一个按钮添加了一个click点击事件,弹出提示框,代码如下。

var div = $(“#mybutton”); //你的按钮。 
div.click(function() { 。。。);});

上面的代码就是一个按钮的click事件。这个时候你有个非分的要求,就是希望页面刷新的时候就点一下这个按钮。

如果不用trigger()你可以在后面这样写:

div.click();

如果用trigger(),你就要写成这样:效果跟上面这句是一样,就是稍微长点。

div.trigger(“click”);

如果用click 的话,它不吃参数,用trigger的话,就能吃了

实例:

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>  
  
<script type="text/javascript">  
    $(document).ready(function () {  
        $(‘#button1‘).click(function(){  
            alert(‘button1‘);  
            $(‘#button2‘).trigger(‘click‘);     //点击1的时候,触发2的单击事件  
        });  
  
        $(‘#button2‘).click(function(){//而2的点击事件触发3的myEvent事件,并给myEvent传递两个参数  
            alert(‘button2‘);  
            $("#button3").trigger("myEvent", ["Hello","World!"]);  
        });  
         /*定义3的myEvent事件,该事件可以任意自定义,这里自定义为函数*/
        $("#button3").bind("myEvent", function (event, message1, message2) {  //自定议事件myevent  
          alert(message1 + ‘ ‘ + message2);  
        });  
    });  
</script>  
  
</head>  
<body style="text-align:center;">  
    <div style="margin-top:130px;">  
        <button id=‘button1‘>click1</button>  
        <button id=‘button2‘>click2</button>  
        <button id=‘button3‘>click3</button>  
    </div>  
</body>  
</html>





jquery trigger 的用法

标签:

原文地址:http://my.oschina.net/u/2331760/blog/415429

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!