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

原文地址:https://www.cnblogs.com/bi-hu/p/14800624.html