jquery重点基础知识更新(完结)第Ⅲ篇

十八 jquery事件（重点）

1.jquery事件注册

$("xx").click(function(){事件处理程序})

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

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

语法：

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

1.events:一个或者多个用空格分隔的事件类型 如click 或 keydown

2.selector：元素的子元素选择器

3.fn：回调函数 即绑定在元素身上的侦听函数

on()方法优势

可以事件委派操作。

事件委派定义：把原来加给子元素身上的事件绑定在父元素身上，就是把事件委派给父元素。

事件处理off方法() 解绑事件

off()方法可以移除通过on()方法添加的事件处理程序。

例子：  1.$("div").off()    解除div元素所有事件处理程序

        2.$("div").off("click") 有参数表示解除其中的事件          

        3.$("div").off("click","li")  解除事件委托

 注意:如果有的事件只想触发一次，可以使用one()来绑定事件

十九  自动触发事件trigger()

element.click()                 第一种简写形式

element.trigger("type")         第二种自动触发模式

element.triggerHandler(type)    第三种自动触发模式   不会触发元素的默认行为

二十 jQuery事件对象

阻止默认行为：

event.preventDefault()  或者  return false

阻止冒泡：

event.stopPropagation()

二十一 jquery其他方法

jquery拷贝对象

$.extend()

语法：$.extend([deep],target,object1,[objectN])

1.deep:如果设为true为深拷贝  默认false为浅拷贝

2.target；要拷贝的目标对象

3.object1：待拷贝的第一个对象的对象

知识点注意：浅拷贝是把拷贝的对象复杂数据类型中的地址拷贝给目标对象，修改目标对象会影响被拷贝的对象

           深拷贝 完全克隆(拷贝的是对象  不是地址) ，修改目标对象不会影响被拷贝对象

二十二 jquery多库共存

让jquery和其他js库不存在冲突，可以同时存在

解决方案：

1.把里面的 $符号统一改为jQuery

2.jQuery变量规定新的名称： $.noConflict()  var xx=$.noConflict()

二十三 jquery插件

jQuery插件常用的网站

1.jquery插件库 http://www.jq22.com/

2.jquery之家  http://www.htmleaf.com/

二十四 图片懒加载技术和全屏滚动技术(fullpage.js)

图片使用延迟加载可提高网页下载速度。他能减轻服务器的负载

做法：当页面滑动到可视区域再显示图片

使用jquery插件获取

中文翻译网站：http://www.dowebok.com/demo/2014/77/