JQuery的on()监听方法使用

jqueryon()超级方法

归纳
在jquery的on方法中实现事件委托就更简单了，on方法可以接受三个参数：
第一个参数是事件名，可以只绑定一个事件，如on('click'),也可以绑定多个事件，如on('click dbclick mouseover')等

第二个参数是可选参数，接受一个selector,当事件触发元素符合selector时，会调用事件处理函数

注：此处用到 li:even 选择器，后面有注解
第三个参数是自定义事件处理的回调函数。

1jQuery :even 选择器
选取每个带有偶数 index 值的元素（比如 2、4、6）
index 值从 0 开始，所有第一个元素是偶数 (0)

2jQuery :odd 选择器
选取每个带有奇数 index 值的元素（比如 1、3、5）

jquery提供了一个只触发一次点击的方法\x0d\objone(function(){\x0d\\x0d\});\x0d\或者用objunbind("click")取消点击事件

jquery 点击增加样式，点击移除样式，代码如下：

$("li")click(function(){

$(this)toggleClass("enable");

$(this)siblings()removeClass("enable");

})

扩展资料

如果用户单击某个按钮时，要删除class的某个值，那么可以使用与addClass()方法相反的removeClass()方法来完成，它的作用是从匹配的元素中删除全部或者指定的class。例如可以使用如下的JQuery代码来删除p元素中值为“high”的class:

$("p")removeClass("high");

//移除p元素中值为"high"的class

参考资料：

百度百科 jQuery

百度百科 样式 （计算机术语）

监听动画结束。看你是animation还是transition了。例如你定义了haha的动画，那么jquery来监听haha的动画结束

transition

transitionend 事件会在 CSS transition 结束后触发 当transition完成前移除transition时，比如移除css的transition-property 属性，事件将不会被触发如在transition完成前设置  display 为"none"，事件同样不会被触发。

animation

animationend 事件会在一个 CSS 动画完成时触发（不包括完成前就已终止的情况，例如元素变得不可见或者动画从元素中移除）。

1，首先JQuery的执行时间，是在文档的DOM加载完成后执行。
2，jquery把事件和DOM绑定。然后当有事件发生的时候，就会调用合适的处理函数。
3，如果你真的想了解浏览器问什么执行这些时间的话，你可以去试着去了解W3CDOM标准。

使用off()或者unbind()进行移动事件的解绑
例如：
$(document)mouseup(function (e) {
$(this)unbind('mousemove');
});

---