首页技术文章正文

怎样实现jQuery的多库共存？

更新时间:2022年11月22日15时51分来源:传智教育浏览次数:

jQuery使用$作为标示符，随着jQuery的流行,其他 js 库也会用这$作为标识符，这样一起使用会引起冲突。解决冲突，让jQuery 和其他的js库不存在冲突，可以同时存在，这就叫做多库共存。

解决方案一：把里面的 $ 符号统一改为 jQuery。比如 jQuery(''div'')

解决方案二：jQuery 变量规定新的名称：$.noConflict() var xx = $.noConflict();

jQuery 功能比较有限，想要更复杂的特效效果，可以借助于 jQuery 插件完成。但这些插件也是依赖于jQuery来完成的，所以必须要先引入jQuery文件，因此也称为 jQuery 插件。下载jQuery插件可以通过jQuery 插件库(http://www.jq22.com/ )和jQuery之家(http://www.htmleaf.com/)。引用jQuery 文件后，复制html、css、js就可以调用插件。

jQuery 插件演示：

1. 瀑布流

2. 图片懒加载(图片使用延迟加载在可提高网页下载速度。它也能帮助减轻服务器负载)

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

我们使用jquery 插件库 EasyLazyload。注意，此时的js引入文件和js调用必须写到 DOM元素(图片)最后面

3. 全屏滚动(fullpage.js)

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

bootstrap JS 插件：

bootstrap 框架也是依赖于 jQuery 开发的，因此里面的 js插件使用，也必须引入jQuery 文件。

上一篇：什么是隐式迭代？jQuery选择器怎么使用？ 下一篇：小程序和原生APP、Web APP有哪些区别？