jquery事件绑定方式总结(补充)

时间:2024-10-01 13:35:02
总结 :
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()触发事件,会触发事件本身,会涉及到冒泡事件
         */
注:老马前端视频学习笔记