zoukankan      html  css  js  c++  java
  • jQuery中delegate与on的用法与区别

    在jQuery1.7中 .delegate()已被.on()取代。对于早期版本,它仍然使用事件委托的最有效手段。
    在事件绑定和委派,delegate()和on在一般情况下,这两种方法是等效的。

    .delegate() 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

    // jQuery 1.4.3+
    $( elements ).delegate( selector, events, data, handler );
    // jQuery 1.7+
    $( elements ).on( events, [selector], data, handler );

    例如:.delegate()  code:

    $("table").delegate("td","click",function(){
    	alert("hello");
    });

    .on()  code:
    $("table").on("click", "td", function() {
            alert("hi");
    });

    PS: 两者区别是seleter和events顺序不同
    delegate和on方法被选元素的子元素必须是"合法的"子元素。比如


    $("table").delegate("button","click",function(){...});
    $("table").on("click", "p", function(){...});
    就不起作用,因为正常情况下,table子元素应为tr,td...


    on(events,[selector],[data],fn),参数[selector]是可选,
    一个选择器字符串用于过滤器的触发事件的选择器元素的后代。
    例如:

    $("table").on("click", ".td1", function() {
           alert("hi");
    });
    过滤class为td1的table子元素

    而delegate的selector是必需的。





  • 相关阅读:
    Oracle 安装及其遇到的问题
    集合与Iterator
    Java 基本数据类型长度
    TextFile 类的创写
    Base64编码通过URL传值的问题
    HttpUrlConnection访问Servlet进行数据传输
    Servlet 的认识
    高聚合低耦合
    Exception loading sessions from persistent storage 这个问题的解决
    ARTS打卡计划第六周
  • 原文地址:https://www.cnblogs.com/itmyhome/p/4131369.html
Copyright © 2011-2022 走看看