jquery 自定义事件绑定与触发 $.one与$.bind效果对比实例

68 阅读 0 评论 45 点赞

我是靠谱客的博主着急彩虹，最近开发中收集的这篇文章主要介绍jquery 自定义事件绑定与触发 $.one与$.bind效果对比实例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<mce:script language="javascript" src="jquery-1.5.js" mce_src="jquery-1.5.js" ></mce:script>
<mce:script language="javascript" ><!--
var i = 0;
var ii = 0;
$(document).ready(function(){
/** 绑定只执行一次的自定义事件 **/
$("#testUl").one('testOne',function(){
i++;
alert("i="+i);
});
/** 绑定自定义事件 **/
$("#testUl").bind("testBind",function(){
ii++;
alert("ii="+ii);
});
});
/** 事件触发
**/
function testOne()
{
$("#testUl").trigger("testOne");
}
function testBind()
{
$("#testUl").trigger("testBind");
}
// --></mce:script>
<input type="button" onclick="testOne()" value="testOne" />
<input type="button" onclick="testBind()" value="testBind" />
</BODY>
</HTML>