jQuery中自定义事件

来源：互联网发布：淘宝买身份证编辑：程序博客网时间：2024/04/30 08:52
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title></title>    <script src="../js/jquery-1.8.1.min.js"></script></head><body>    <a id="aa" href="#">我是超链接，点我呀！</a>    <select id="city">        <option value="nj">南京</option>        <option value="bj">北京</option>        <option value="hz">杭州</option>        <option value="sz">苏州</option>        <option value="sh">上海</option>        <option value="yz">扬州</option>    </select>    <script type="text/javascript">        //jquery中的事件可以叠加，下面为aa超链接添加了4次点击事件        $().ready(function () {            for (var i = 0; i < 4; i++) {                $('#aa').click(function () {                    //alert("aa is clicked");                    //自定义事件其实就是把该事件绑定到一个dom对象上,就是dom对象的一个属性                    //找一个事件的触发方式，触发事件                    //传递参数                    $('#aa').unbind('click');//解绑                    $('#aa').bind('click', function () {                        $(this).trigger('点我', ["a", 'b']);                    });                });            }            //自定义下拉框的选择事件            $('#city').unbind('change');//解绑            $('#city').bind('change', function () {                $(this).trigger('mySelect', $(this).val());            });        });        $('#aa').unbind('点我');        $('#aa').bind('点我', function (event, a, b) {            alert('点我' + ',' + a + ',' + b);        });        $('#city').unbind('mySelect');        $('#city').bind('mySelect', function (event, city) {            alert("您选择的城市是：" + city);        });    </script></body></html>
0 0