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

最新推荐文章于 2021-09-30 22:39:26 发布
最新推荐文章于 2021-09-30 22:39:26 发布
阅读量109 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/20641
版权 
<!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>
weixin_34358092
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery其他事件 /绑定事件bind /自定义事件
weixin_43152725的博客
01-14 571
jQuery其他事件 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;jQuery其他事件&amp;lt;
jquery 自定义事件绑定与触发 $.one与$.bind效果对比实例
为人
02-21 6560
<br /><!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="Desc
jQuery自定义事件及其绑定执行
showmyself
09-29 1923
jquery自定义事件并且绑定执行： 说明：在实际开发中或许原生的JavaScript事件或者jQuery事件不能 满足开发的要求，这时候就需要我们自己编写相应的事件，并使之 执行。 1、原生的JavaScript事件： 可以直接在元素上面使用on+事件名称或者使用jQuery的绑定函数 然后点击按钮就可以直接触发。如： 如果是原生的javascript事件则直接
jQuery Mobile bind()方法---处理自定义事件
jlx1986的专栏
05-28 1362
jQuery Mobile提供的自定义事件建立了超出框架原生功能的shi
jQuery.bind事件
Junit的博客
08-10 312
$(window).bind('load.jcarousel', function() { windowLoaded = true; }); 　　也许我对jQuery的了解不多吧，自己也就看过一本jQuery的入门书，然后总是在工作中学习，碰着问题了就总结一点，学习一点...嘿嘿，也许为什么动不动公司招人就是1年以上工作经验什么的，确实实战才是能让人最快速提高的。 　　找到jQuery
JQuery的自定义事件代码,触发,绑定简单实例
01-19
　自定义事件绑定　下面的代码创建了一个绑定到自定义事件和自定义事件触发时将被执行。 代码如下:　$(this).bind(“myEventName”,function(){　alert(“myEventName triggered”);　});
jQuery中的on与bind绑定事件区别实例详解
01-21
on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空间，如”click”或”keydown.... 为每个匹配元素的特定事件绑定事件处理函数。 jQuery 3.0中已弃用此方法，请用 on()代替。
jQuery事件多次绑定与解绑问题实例分析
10-17
本文将深入探讨jQuery中的事件多次绑定与解绑问题，通过实例分析来展示它们的工作原理和使用技巧。 一、jQuery事件多次绑定 在jQuery中，事件绑定通常使用`.on()`, `.click()`, `.bind()`等方法。当一个元素的同一...
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
01-21
本文实例讲述了jQuery绑定事件监听bind和移除事件监听unbind用法。分享给大家供大家参考，具体如下： 这里分别采用后bind(eventType,[data],Listener)//data为可选参数,one()该方法绑定的事件触发一次后自动删除，...
jQuery中.bind() 方法?
墓亦龍的博客
03-30 1002
.bind() 方法1、定义及用法：向被选元素添加 一个或多个事件和事件触发时运行的函数。                         (jQuery版本1.7起，on()方法是首选)。2、简单   示例： 向&lt;p&gt;元素添加一个点击事件                              $("p").bind("click",function(){             ...
jQuery总结（五）、on、bind、one、hover、focus、blur、change函数的用法
m0_57446284的博客
09-30 1350
一、on（event，[selector],[data],fn） 在选择器上绑定一个或者多个事件 events：一个或多个用空格分隔的事件类型名称 fn：事件触发时执行的函数，false值可作为函数的简写，返回false selector：选择器字符串用于过滤器的触发事件的选择器元素的后代 data：当一个事件被触发时要传递给事件处理函数event.data的数据 event是自定义在处理函数的数据访问名称，用此名称.data（引用关键字）对参数data目标数据进行引用；通常data可以是M..
jQurey 中$.on和$.bind的差别
yugongjie1991的博客
08-29 1334
jquery的bind跟on绑定事件的区别 jquery的bind和on绑定事件的区别 bind和on的绑定事件的区别： jquery文档中bind和on函数绑定事件的用法： .bind(events [,eventData], handler) .on(events [,selector]  [,data], handler)   从文档中可以看出，.on方法比.bind方法多
jQuery的on与bind绑定事件的区别与注意事项
soopencool的博客
03-09 631
jQuery的on与bind绑定事件的区别与注意事项
jQuery高级事件---on、off、one和事件委托
Twilight's Blog
06-16 6448
on、off、onejQuery1.7 以后推出了.on()和.off()方法，替代之前的方法。on/off整合了bind、unbind、事件委托等方法 on替代bind方法on可以替代bind方法，使用方法和bind一致// 绑定单个事件 $(":button").on("click",function(){ alert("on"); });// 传递数据
Jquery中的bind(),on()绑定事件方式总结
奔跑的蜗牛
09-14 7867
一.bind() 使用方式：$(selector).bind(event,data,function) event：必需项；添加到元素的一个或多个事件，例如 click,dblclick等； 　　　　　　　单事件处理：例如 $(selector).bind("click",data,function); 　　　　　　　多事件处理：1.利用空格分隔多事件，例如 $(select
事件委托 $().hover 事件委托 $().one() 事件委托$().trigger() 事件委托 $(window).ready()
Allen的博客
10-07 383
事件委托 $().hover <style> div{ border: 3px solid black; } h1{ border: 3px solid red; } </style> <body> <div>我是div <h1>我是h1标签</h1> </div> <script src="./jquery.min.js">&
15.使用one()方法绑定元素的一次性事件
weixin_34355881的博客
03-11 282
one()方法可以绑定元素任何有效的事件，但这种方法绑定的事件只会触发一次，它的调用格式如下： $(selector).one(event,[data],fun) 参数event为事件名称，data为触发事件时携带的数据，fun为触发该事件时执行的函数。 例如，使用one方法绑定<div>元素的单击事件，在事件执行的函数中，累计执行的次数，并将该次数显示在页面中，如下图所示： ...
jQuery.bind用法
shaleilei的博客
09-27 1316
使用函数bind(type [,data],fn)绑定事件： 1、其中type表示事件类型：blur，focus，load，resize，scroll，unload，click，dblclick，mousedown，mouseup，mousemove，mouseout，mouseover，mouseenter，mouseleave，change，select，submit，keydown
用bind（）的方法绑定198.168.1.1与10001
最新发布
05-28
使用 `bind()` 方法将套接字绑定到本地 IP 地址和端口上的示例代码如下： ```cpp #include int main() { QTcpSocket socket; // 绑定到指定的本地 IP 地址和端口上 QHostAddress address("192.168.1.1"); ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值