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

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

作者: 鹤子青云上 | 来源:发表于2023-05-17 17:16 被阅读0次

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元素(图片)最后面

  1. 全屏滚动(fullpage.js)

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

bootstrap JS 插件:

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

相关文章

  • jQuery多库共存

    var new$=$.noConflict()

  • jQuery多库共存

    如何查看jQuery的版本? 通过jQuery文件名来查看jQuery的版本是不靠谱的做法(名字可改)通过以下四种...

  • jQuery 多库共存问题

    因为$ 符号不是jQuery独有的 在语法中 $符号 也可以作为变量名比如说 我写 在下面用$获取jQuery对象...

  • 2018-04-11

    jQuery(write less do more) 优点 版本 使用方式 CDN 多库共存 入口函数 windo...

  • jquery 的多库共存方法

    项目中会遇到$被占用的情况,这时候就要用到多库共存的方法了

  • vuejs基础学习总结

    准备开始 vue基础 (1).历史介绍 (2).前端框架与库的区别? jquery 库 -> DOM(操作DOM)...

  • jquery

    一.解决多库共存的问题 var aa=jQuery.noConflict()运行这个函数将变量$的控制权让渡给第一...

  • C#学习路线

    第零部分 前端和数据库基本知识 1.前端知识 HTML、CSS、 JavaScript、 Jquery 2.数据...

  • 多库共存

  • SpringBoot+Mybatis bug记录

    1、 (class使其居中) 2、ajax要引入jQuery库 3、前端传日期,后台先用String接收,再转...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/lybisdtx.html