IT培训-高端面授IT培训机构
云和教育:云和数据集团高端IT职业教育品牌 全国咨询热线:0371-67988003
课程 请选择课程
    校区 请选择校区
      • 华为
        授权培训中心
      • 腾讯云
        一级认证培训中心
      • 百度营销大学
        豫陕深授权运营中心
      • Oracle甲骨文
        OAEP中心
      • Microsoft Azure
        微软云合作伙伴
      • Unity公司
        战略合作伙伴
      • 普华基础软件
        战略合作伙伴
      • 新开普(股票代码300248)
        旗下丹诚开普投资
      • 中国互联网百强企业锐之旗
        旗下锐旗资本投资

      怎样实现jQuery的多库共存?

      • 发布时间:
        2023-02-13
      • 版权所有:
        云和教育
      • 分享:

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