jQuery 第3（事件）

事件

（1）事件注册
单个事件注册：

 $("div").click(function(){
          $(this).css("background","blue")
      });
      $("div").mouseenter(function(){
          $(this).css("background",red)
      })    

（2）事件处理
1，绑定事件on（）
on（）方法优势1：可以绑定一个或者是多个事件处理程序 ；

$("div").on({
         click:function(){
             $(this).css("background","red");
         },
         mouseenter:function(){
             $(this).css("background","blue")
         },
         mouseleave:function(){
             $(this).css("background","green")
         }
     });

on（）方法优势2：可以事件委派，就是可以把事件委派给父元素；
on（）方法优势3：可以给动态生成的元素绑定事件；
2，解绑事件off（） ：可以移除通过on（）方法添加的事件处理程序
3，只能触发一次事件：one（）
4，自动触发事件：trigger（）
（2）事件对象
事件被触发，就会有事件对象
阻止默认行为：event.preventDefault（）或者return false
阻止冒泡：event.stopPropagation
（3）拷贝对象
$.extend（[ deep ]，target，object1，[ objectN ]）
1，deep：如果为true则是深拷贝，为false则是浅拷贝；
2，target：要拷贝的目标对象；
3，object1：待拷贝到第一个对象的对象；
4，objectN：待拷贝到第N个对象的对象；
5，浅拷贝是把被拷贝的对象复杂数据类型中的地址拷贝给目标对象，修改目标对象会影响被拷贝的对象；
6，深拷贝是完全克隆（拷贝的对象而不是地址），修改目标对象不会影响被拷贝对象；
（4）多库共存
（5）jQuery插件
1，图片懒加载：图片使用延迟加载可以提高网页的下载速度，也能帮助减轻服务器负载；滑动到可视区域时在显示图片；
2，全屏滚动
3，瀑布流
4，本地存储注意事项：localStorage里面只能存储字符串格式，因此需要把对象转换为字符串JSON.stringify(data)；获取本地存储，需要把里面的字符串转换为对象格式JSON.parse()才能使用里面的数据；