jquery中自定义事件的事件

jquery中提供了两种方法可以绑定自定义事件:bind()one(),而绑定的自定义事件的触发,必须得用jquery中的trigger()方法才能触发。

首先是用bind()方法:
看代码:

<h3>博客</h3>
<input type="button" value="点击我触发H3绑定的自定义事件" id="demo">
<script>
$(function(){
    $("h3").bind("test",function(){
        alert($(this).text());
    });
    $("#demo").click(function(){
        $("h3").trigger("test");
    });
});
</script>

看上面的代码,我们首先给h3标签用bind()方法绑定了一个自定义的事件“test”,触发这个事件会弹出对话框,显示h3中的文本内容。之后又给id为“demo”的按钮绑定了单击事件,在这个单击事件中,用trigger方法来触发自定义事件,当我们点击这个按钮之后会触发h3标签绑定的自定义事件,结果就会弹出两次对话框。

其实one的方法和bind()方法是一样的。也可以使用下面这个方式来自定义事件:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值