jquery的live on delegate的分析

分类: 开发语言 > Javascript
  1. 三者相同的定义和用法:

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

    2. 使用live / on / delegate方法的事件处理程序使用与当前或未来的元素(比如由脚本创建的新元素)。

  2. live / on / delegate的语法:

    1. live:(在jquery1.7之后被弃用,不建议用)

      1. 语法:$(selector).live(event[, data], function);

      2. 参数:

        1. event:必需。规定附加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。

        2. data:可选。规定传递到该函数的额外数据。

        3. function:必需。规定当事件发生时运行的函数。

    2. delegate:

      1. 语法:$(selector).delegate(childSelector, event[, data], function)

      2. 参数:

        1. selector:如果要脚本创建的新元素也具有该事件处理程序,selector设为body

        2. childSelector:必需。规定要附加事件处理程序的一个或多个子元素。

        3. event:必需。规定附加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。

        4. data:可选。规定传递到函数的额外数据。

        5. function:必需。规定当事件发生时运行的函数。

    3. on:

      1. 语法:$(selector).delegate(event, childSelector[, data], function)

      2. 参数:

        1. selector:如果要脚本创建的新元素也具有该事件处理程序,selector设为body

        2. event:必需。规定附加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。

        3. childSelector:必需。规定要附加事件处理程序的一个或多个子元素。 

        4. data:可选。规定传递到函数的额外数据。

        5. function:必需。规定当事件发生时运行的函数。

来源:原创 发布时间:2021-01-19 22:21:18