jQuery事件

Posted 2020-12-03 mapsxy

事件
* 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