西安UI培训-高端面授西安UI培训机构
云和教育:云和数据集团高端IT职业教育品牌
  • 华为
    授权培训中心
  • 腾讯云
    一级认证培训中心
  • 百度营销大学
    豫陕深授权运营中心
  • 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 文件。