1、jQuery对象拷贝
如果想要把某个对象拷贝(合并)给另外一个对象使用,此时可以使用$.extend()方法。
语法:
$.extend([deep], target, object1, [objectN]);
- deep: 如果设为true为深拷贝,默认为false 浅拷贝
- target:要拷贝的目标对象
- object1: 待拷贝到的第一个对象的对象
- objectN:待拷贝到第N个对象的对象。
- 浅拷贝是把被拷贝的对象复杂数据类型中的地址拷贝给目标对象,修改目标对象会影响被拷贝的对象。
- 深拷贝:前面加true,完全克隆(拷贝的对象,而不是地址),修改目标对象不会影响被拷贝对象。
2、jQuery多库共存
问题描述:
jQuery使用 $ 作为标示符,随着jQuery的流行,其他js库也会用着 $ 作为标识符,这样一起使用会引起冲突。
客观需求:
需要一个解决方案,让jQuery和其他的js库不存在冲突,可以同时存在,这就叫多库共存。
jQuery解决方案:
1、把里面的 $ 符号统一改为jQuery。比如jQuery(“div”)
2、jQuery变量规定新的名称:$.noConflict() 、var xx = $.noConflict();
var jq = $.noConflict(); / var jq = jQuery.noConflict();
jq("div"); // 用自己新定义的变量来代替$
3、jQuery插件
jQuery功能比较有限,想要更复杂的特效效果,可以借助jQuery插件完成。
注意: 这些插件也是依赖jQuery来完成的,所以必须要先引入jQuery文件,因此也称为jQuery插件。
jQuery插件常用的网站:
1、jQuery插件库 http://www.jq22.com/
2、jQuery之家 http://www.htmleaf.com/
jQuery插件演示:
1.瀑布流
2.图片懒加载(图片使用延迟加载在可提高网页下载速度。它也能帮助减轻服务器加载)
- 当我们页面滑动到可视区域,再显示图片。
- 我们使用jQuery插件库EasyLazyload。注意,此时的js引入文件和js调用必须写到DOM元素(图片)最后面。
3.全屏滚动(fullpage.js)
gitHub:https://github.com/alvarotrigo/fullPage.js
中文翻译网站:https://www.dowebok.com/demo/2014/77/
bootstrap JS插件:
bootstrap框架也是依赖于jQuery开发的,因此里面的js插件使用,也必须引入jQuery文件。