首页手记 jQuery的事件机制，事件对象介绍，插件机制，多库共...

jQuery的事件机制，事件对象介绍，插件机制，多库共存，each（）方法

标签：

JQuery

jQuery的事件机制
jq的事件分类
click() 单击事件
blur() 失去焦点
mouseenter() 鼠标进入
mouseleave() 鼠标离开
dbclick() 双击事件
change() 改变事件,如：文本框值改变，下拉列表值改变，注意区别 input()
focus() 获得焦点
keydown() 键盘摁下
keyUp() 键盘松开
jQ里事件的绑定
jqObj.click（）
jqObj.bind( “click”,function(){})
jqObj.delegate(“p”,”click”,function(){}) 为jqObj下面的所有p标签绑定click事件
jqObj.on（“click keydown”，“span”,data, function(){}）最现代的方式
第一个参数：events，即事件名，可以由空格分割的多个事件

第二个参数：执行事件的jqObj的后代元素
第三个参数：data，传递给处理函数的数据，event.data。(了解)
第四个参数：事件处理函数
jQ里事件的解绑
l unbind()
解绑使用 bind方式绑定的事件
l off()
解绑使用on 方式绑定的事件

当off方法没有参数，会解绑所有的已绑定事件
trigger（）模拟浏览器行为
jQuery的事件对象介绍（重点）

回车换行
each（）方法
$(“li”).each(function(index,element){…})
参数1 index，表示当前元素在所有匹配到的元素中的索引号
参数2 element，表示当前元素对象，但是是DOM对象
jQuery插件机制
jQuery虽然强大，但是还有需要一些扩展功能来帮助我们开发
使用步骤：

color.js

lazyload.js
jQuery多库共存
此处多库共存是指：jQuery占用了$ 和 jQuery 这两个变量。当在同一个页面中引用了jQuery这个js库，并且引用了其他的js库（或者是其他版本的jQuery库）中也用了$或者jQuery这两个变量，要保证每个库都能正常使用
解决方式：
Ø 打印版本号：

Ø 让jQuery释放对$的使用权：
$.noConflict()
Ø 当两个版本的时候，只需要让其中的一个jq库释放对 $或jQuery的控制权即可，注意jq版本引入的顺序

Ø 当三个版本的时候