事件
???* 1、添加事件
???* ??1.1 直接绑定事件click、mouseover、mouseleave、mouseenter......
???* ??????$(‘#div‘).click
???* ??1.2 绑定事件
???* ??????bind ?为匹配的元素绑定事件 ?上面的1.1是bind的简写形式
???* ??????????$(‘#div‘).bind(‘click‘, function(){
???*
???* ??????????})
???* ??????????使用方式:
???* ??????????jq对象.bind(eventType, fn)
???* ??????????eventType ??事件类型 ?click、mouseover、mouseleave、mouseenter......
???* ??????????fn ?回调函数
???*
???* ??????????bind:
???* ??????????????1、只能给既存元素绑定事件
???* ??????????????2、没有事件委托
???*
???* ??????????????事件委托:利用了冒泡的原理
???* ??????????????return false ?= ??e.stopPropagation() + e.preventDefault();
???*
???* ??????on ?为匹配的元素绑定事件
???* ??????one ??只是执行一次绑定事件,执行完一次后,自动解除绑定
???* ??????trigger ?为匹配的元素执行事件
???* ??????trigger 与 triggerHandlerd的区别
???* ??????相同点:
???* ??????????功能一样
???* ??????不同点:
???* ??????????triggerHandler没有冒泡,不会触发浏览器默认事件
???*
???* 2、事件委托
???* ???on
???* ???live
???* ???delegate
???????* ???例如:
???????* ???$(‘#div1‘).on(‘click‘, ‘.del‘, function(){
???????????????$(this).parent().remove();
????????????})
???*
???* 3、删除(解绑)事件
???* ??on ?????????????off ?off可以解绑所有事件的绑定
???* ??bind ???????????unbind
????* ?delegate ???????undegate
???* ??live ???????????die
???*
???* 4、复合事件
???* ??toggle
???* ??hover
jQuery事件
原文地址:https://www.cnblogs.com/mapsxy/p/9291944.html