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..
|
7月前
|
JavaScript 前端开发
jQuery事件处理
jQuery事件处理
N..
72 1
|
7月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
62 1
|
7月前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
|
6月前
|
JavaScript 前端开发
jQuery 事件
jQuery 事件
38 1
|
2月前
|
JavaScript 前端开发 容器
使用 jQuery 中的 this 实例
使用 jQuery 中的 this 实例
12 1
|
3月前
|
JavaScript 前端开发
jQuery 实例
jQuery 实例
18 3
|
2月前
|
JavaScript 前端开发 API
深入理解jQuery:高效DOM操作与事件处理
【10月更文挑战第11天】深入理解jQuery:高效DOM操作与事件处理
22 0
|
3月前
|
JavaScript
jQuery 事件
jQuery 事件
40 10
|
3月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
3月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
34 3