jQ事件操作

页面上有一个div标签，需要给他绑定很多事件。可以用on来进行绑定。

$( 'div'). on({

click : function () {

console. log( '你点我啦');

},

mouseenter : function () {

console. log( '你来啦');

},

mouseleave : function () {

console. log( '你竟然走啦');

}

})

可以看见上面的都是做的相同的事，所以我们可以做如下改善：

// 使用on绑定的事件 可以使用事件委托来触发(绑定给老爸,指定他的 儿子后代来触发)

// 后代元素是动态添加的 也是可以触发

// 可以把事件绑定给 公共的父元素 指定后代来触发 即可 解决 动态新增的元素没有事件的问题

$( 'div'). on( 'click', 'span', function () {

// console.log('你点我啦');

console. log( this);

})

当绑定事件后，在某些情况下，我们不想要这个事件，这时候可以解绑，如下。

$( 'input'). click( function () {

// 移除事件

// 什么都不传 清除所有事件(太暴力)

// $('div').off();

// 传入事件名 可以删除指定的事件

// $('div').off('click');

$( 'div'). off( 'click mouseenter');

})

以上就是一些事件绑定相应的代码逻辑，共同学习，fighting.