总结 :
1.简单事件绑定方式:事件名() 如:click()
2.高级事件绑定方式:bind(事件名,数据参数,function)
3.动态生成元素事件绑定方式:live(事件名,数据参数,function)
4.一次性事件绑定方式:one(事件名,数据参数,function)
5.委托事件绑定方式:delegate(时间名,选择元素,数据参数,function)
6.可替代事件绑定方式:on(),可代替bind(),live(),delegate();参数对应以上函数参数
使用(待补充):
//jquery简单绑定事件的使用:
/**
* 1.不传参数的时候,是触发该事件,模拟该事件的发生
* 2.传递一个参数的时候:function,设置该事件处理函数
* 3.传递两个参数的时候:data,function(e):会将data传递给e.data中,在function中使用
*/
eg:
//不传递参数
$('#btn1').click()
//传递一个参数
$('#btn1').click(function (e) {
console.log(2)
})
//传递两个参数
$('#btn1').click(["1","2"],function (e) {
console.log(e.data)
})
/**
* 触发事件的两种方式(以click为例):
* 1.$('#btn').click()
* 2.$('#btn').trigger('click',click所需参数)
*
* 另:触发事件处理函数与触发事件的区别
* 触发事件处理函数:triggerHandler()只触发该事件中的处理函数,不会触发事件本身,不会涉及到冒泡事件
* 触发事件:trigger()触发事件,会触发事件本身,会涉及到冒泡事件
*/
注:老马前端视频学习笔记