JQuery注册事件 解绑事件 事件对象 对象拷贝 多库共存 瀑布流插件 图片懒加载插件

//on 绑定多个事件处理程序   多个事件处理程序以对象形式进行存储

$("元素").on({ 事件:function(){},事件:function(){}})

 

//on如果事件处理程序一致，事件之间用空格隔开

$("元素").on({ 事件1  事件2  ,  function(){}})

 

on 事件委托(委派)

$("绑定的元素").on("事件","要触发的对象",function(){})

on 可以给未来动态创建的元素绑定事件
 

one事件  只触发一次

$("绑定的元素").one("事件",function(){})

 

解绑事件  off()方法

$(‘ 元素’).off("要解除的事件")   //如果省略，所有事件都解绑

解绑事件委托

$(‘ 元素’).off("要解除的事件","委托的对象")

 

事件对象  function(event)

event.stopPropagation();  //阻止冒泡

 

对象拷贝  $.extend()

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

1.deep 

true为深拷贝  把原来对象里面的复杂数据类型完全克隆给目标对象 修改目标对象不会影响被拷贝对象 

冲突的数据会被覆盖  不冲突的数据会合并显示

默认为false 浅拷贝  把原来对象里面的复杂数据类型地址给目标对象 修改目标对象会影响被拷贝对象 

冲突的数据会被覆盖  不冲突的数据会被原来的拷贝对象覆盖

2.target 要拷贝的目标对象 

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

 

多库共存

1.将$符号统一改为JQuery

2.$.noConflict()  //自己指定想要的符号或字符

 

图片懒加载 当页面滑动到可视区域，再显示图片   优化页面性能