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.