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>
目录
相关文章
N..
|
2月前
|
JavaScript 前端开发
jQuery事件处理
jQuery事件处理
N..
13 1
|
2月前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
12 0
|
2月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
23 1
|
7月前
|
JavaScript 前端开发
前端基础 - JQuery事件切换(原来还有这种写法)
前端基础 - JQuery事件切换(原来还有这种写法)
29 0
|
7月前
|
JavaScript 前端开发 索引
Javascript知识【jQuery:数组遍历和事件】
Javascript知识【jQuery:数组遍历和事件】
|
8天前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
1月前
|
Web App开发 JavaScript 前端开发
jquery的冒泡事件event.stopPropagation()
jquery的冒泡事件event.stopPropagation()
8 0
|
2月前
|
JavaScript 前端开发
jQuery中的事件与动画
jQuery中的事件与动画
10 0
|
2月前
|
JavaScript
jQuery动画与事件概念以及语法
jQuery动画与事件概念以及语法
9 0
|
2月前
|
前端开发 JavaScript
jquery+css实现Tab栏切换的代码实例
jquery+css实现Tab栏切换的代码实例
28 0