新手入门JQuery第三天学习指南

事件注册

on()方法

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

on()可以绑定多个事件,对象的方式写多个事件

element.on({

	’事件1‘:function(){

	},

	’事件2‘:function(){

	}

})

element.on('事件1 事件2'， function() {

	//两个事件都会触发同样的处理函数

})

on()方法的事件委派（事件委托）

$('ul').on('click','li', function () {

	//绑定在ul身上，触发的对象是ul里面的li

})

on()方法可以绑定动态创建的元素
事件方法注册的，后面动态创建的元素不能绑定

事件解绑off()

off()方法可以移除通过on()方法创建的事件

element.off()里面不带参数，是解除这个元素的所有事件

element.off(‘click’)带事件名，是解除这个元素对应的事件

element.off(‘click’，fn)移除元素上的fn函数绑定

$(‘ul’).off(‘click’,‘li’)解除事件委托

one()
只能触发事件一次

trigger()自动触发事件

三种触发事件

1、element.click()

2、element.trigger(‘type’)

3、element.triggerHandle(‘type’) 不会触发元素默认行为

多库共存

由于其他的库也有可能用$符号，为了防止冲突，JQuery可以改名字

两种方式:

1、将所有的$符号改成JQuery

把$符号改成其他的

2、var xxx = JQuery.noConflict();

JQuery插件网址

1、www.jq22.com

2、www.htmleaf.com