首页技术文章正文

jQuery多库共存的2种方法【前端技术文章】

更新时间:2022-11-21 来源:黑马程序员 浏览量:

IT培训班

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 文件。




分享到:
在线咨询 我要报名
和我们在线交谈!