jquery trigger 2个用法

张映 发表于 2013-06-26

分类目录: nodejs/vue/js/jquery

标签:,

jquery的trigger函数用的好,可以节省很多时间。我觉得trigger有2个用法,还是比较实用的。一个是自定议事件,一个是最基本的触发。

<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(){
            alert('button2');
            $("#button3").trigger("myEvent", ["Hello","World!"]);
        });

        $("#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>

请看:demo--jquery trigger用法



转载请注明
作者:海底苍鹰
地址:http://blog.51yip.com/jsjquery/1545.html