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()方法是一样的。也可以使用下面这个方式来自定义事件: