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方法 )
4. trigger()
+ 用 JS 代码的方式来触发事件
+ 语法: 元素集合.trigger(事件类型)
意思是 执行全部元素集合中的某个事件。
就这些了 但是运用起来比较难懂意思 自己百度把 因为on的后面几个用法真的比较少... 该懂的时候会懂的~~~
想要知道更多 自己去JQ中文API 查询 !!https://jquery.cuishifeng.cn/index.html