JQuery四-事件

JQuery事件

1. 事件注册

element.事件(function() {xxx})

e.g. $(‘div’).click(function() {xxx})

2. 事件处理on()绑定事件

事件处理on()方法在匹配元素上绑定一个或多个事件的事件处理函数

element.on(events, [selector], fn)

---

[on()的优势]：

• 可以绑定多个事件，多个处理事件的处理程序；如果处理事件的处理程序相同，可以在events使用并集的写法
• 可以事件委派操作，把原来加给子元素身上的事件绑定在父元素身上。
• 可以给动态创建的元素绑定事件。

3. 事件处理off()解绑事件

$(“p”).off() //解绑p元素所有的事件处理程序

$(“p”).off(“click”) //解绑p元素的点击事件

$(“p”).off(“click”, “li”)//解绑事件委托

4. jQuery事件对象

element.on(envents, [selectors], function(event) {xxx})

阻止默认行为： event.preventDefault()

阻止冒泡：event.stopPropagation()