zoukankan      html  css  js  c++  java
  • 8.jQuery 的 基本绑定事件操作

    7已经讲解了on方法的基本用法 对 那是最基本的用法:

    现在讲更多:

      1. on() :事件绑定, 根据传递不同的参数做不同的事情。7已经讲过基本用法 这里将更多:

    用法1. on(事件类型, 事件处理函数)    //基本用法
    => 直接绑定事件, 有隐式迭代

    用法2. 元素结合.on(事件类型, 选择器, 事件处理函数)
    => 事件委托的绑定
    => 把选择器元素委托元素集合里面的元素
    => 注意: 选择器元素要是 元素集合 内元素的后代元素

    用法3. 元素集合.on(事件类型, 复杂数据类型, 事件处理函数)
    => 给元素集合内的所有元素绑定事件
    => 这个复杂数据类型是事件触发的时候, 传递给事件里面的参数
    => 在事件对象里面有一个叫做 data 的成员, 就是你传递进来的参数(Object类型 按照{name:value}形式传入)

    即可以创数据进入这个触发函数 原生js也可以做啊 那个 target 就是啊

    用法4. 元素集合.on(事件类型, 选择器, 数据, 事件处理函数)
    => 事件委托的形式, 带上传递参数 (用法2 + 用法3)
    => 把选择器所属的事件, 委托给了元素集合内的事件
    => 数据 就是在事件触发的时候传递给事件处理函数的参数


    用法5. 元素集合.on({ 事件类型1: 事件处理函数, 事件类型2: 事件处理函数, ... })
    => 一次性给元素绑定多种事件(单一的功能 即: 用法1的升级版

    => 没法传递参数和事件委托了

    2. one()
    + 用来绑定事件的方法
    + 和 on() 方法的参数和使用形式一模一样
    + 只不过绑定的事件只能执行一次  (类似java的static代码块)

    3. off()
    + 用来解除事件绑定的
    + 语法:
    用法 1. 元素集合.off(事件类型)
    => 解除元素身上该事件类型的所有事件处理函数 ( 比如删除全部clck的事件 )


    用法 2. 元素集合.off(事件类型, 事件处理函数)
    => 解除元素身上该事件类型的某一个事件处理函数 ( 比如删除click的login方法 )

    因为一个集合事件可以分别绑定不同的方法(多个function方法),所以可以一个一个移除的,用法一是全部移除。

    4. trigger()
    + 用 JS 代码的方式来触发事件
    + 语法: 元素集合.trigger(事件类型)

    意思是 执行全部元素集合中的某个事件。

    就这些了 但是运用起来比较难懂意思 自己百度把  因为on的后面几个用法真的比较少... 该懂的时候会懂的~~~

    想要知道更多 自己去JQ中文API 查询 !!https://jquery.cuishifeng.cn/index.html

    本文来自博客园,作者:咸瑜,转载请注明原文链接:https://www.cnblogs.com/bi-hu/p/14800624.html

  • 相关阅读:
    tensorrt 中的一些基本概念 Logger, Context, Engine, Builder, Network, Parser 知识梳理
    JavaWeb之互联网通信流程
    JSON
    JS之BOM编程History和location对象
    JS之将当前窗口设置为顶级窗口
    JS之BOM编程--弹出消息框和确认框
    JS之BOM编程window的open和close
    JS之内置支持类Array
    多次使用setInterval方法导致clearInterval不能成功关闭
    JS之周期函数setInterval
  • 原文地址:https://www.cnblogs.com/bi-hu/p/14800624.html
Copyright © 2011-2022 走看看