jq 事件绑定

1. $(doucument).on(events,[selector],[date],fn)

在选择元素上绑定一个或者多个事件的处理函数

events 事件类型    selector 选择器  date相当于传给事件的值  至少有两个参数events和函数fn

$('a').on('click'),function(){
   alert("123") 
})
$(document).on('click','a',function(){  
 alert("123")    //a相当于选择器 选择所有的a
})

2.同一个元素绑定多种事件类型

//同一个元素绑定多个事件
$('document').on('事件',fn)
//多个元素绑定多个事件 使用add添加元素
$("a").add(document).on({'事件类型': fn}, {'事件类型': fn});
//(1)多个参数是对象{}的形式写的,对象中属性名加不加引号都是可以的,所以一个事件的时候加引号,多个事件(对象形式)的时候加不加引号都可以。
//(2)add() 方法把元素添加到已存在的元素组合中。意思也就是a和document都会绑定on事件中的方法。
//(3)如果写的是一个对象,没有办法添加可选参数[selector]和[data]了。

//3.bind、delegate、live在1.7版本之后不再使用。
//on可以绑定动态生成的元素【不是HTML中本来就有的元素而是在jQuery中新创建的元素】。

3.事件的取消

$(document).off(evnet,[selector],[fn]) 
//events:事件类型,selector: 选择取消绑定事件的元素
//fn : 取消绑定事件的函数
//off(events,[selector],[fn]) 在选择元素上移除一个或多个事件
//jQuery中提供了四种事件监听方式,分别是bind、live、delegate、on,对应的解除监听的函数分别是unbind、die、undelegate、off

  

4.绑定一次事件

$('div').one()(type,[date],fn) 为每一个元素绑定特定的事件 但这个事件只有一次效果 

5.

原文地址:https://www.cnblogs.com/ckxbk/p/13377296.html