4jQuery内容总结(四)拷贝对象、多库共存、插件用法

jQuery 内容总结

1. 拷贝对象
2. 多库共存
3. jQuery插件

1.

拷贝对象

• $.extend()方法

  // $.extend([deep],target,object1,[objectN])
  var targetobj = {};
  var obj = {
      id: 1,
      name: 'andy'
  };
  $.extend(targetobj, obj)
  console.log(targetobj);
        
  var obj1 = {
      id: 2,
      name: 'andy2'
  };
  $.extend(targetobj, [obj, obj1])//拷贝多个
  console.log(targetobj);
  

  1. deep：如果设为true为深拷贝，如果里面有复杂数据类型且不冲突的属性，会合并，属性冲突则覆盖；默认为false 浅拷贝
  2. target：要拷贝到的目标对象
  3. object1：原对象
  4. objectN：多个

  

2.

多库共存

jQuery使用$作为标识符，随着jQuery的流行js库也会用$作为标识符，这样一起使用会引起冲突

jQuery解决方案：

让jQuery和其他的js库不存在冲突，可以同时存在，这就叫多库共存

1. 把里面的$符号 统一改为jQuery。比如jQuery(‘div’)

2. jquery变量规定新的名称：$.noConflict()

   var xinyue=$.noConflict();
   xinyue.each();//让jQuery释放对$符号的控制权
   

3.

插件用法

常用网站

1. jQuery插件库：http://www.jq22.com/
2. jQuery之家：http://www.htmleaf.com/

复制粘贴

• 图片懒加载（图片使用延迟加载可提高网页下载速度，它也能帮助减轻服务器负载）

  当我们网页滑动到可视区域，再显示图片

  • jQuery插件库：http://www.jq22.com/

    下载：EasyLazyload.js

ctrl+h：替换

• 全屏滚动（fullpage.js）

  github：https://github.com/alvarotrigo/fullPage.js

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

• bootstrap JS 插件：前边介绍过