IT培訓(xùn)-高端面授IT培訓(xùn)機(jī)構(gòu)
          云和教育:云和數(shù)據(jù)集團(tuán)高端IT職業(yè)教育品牌
          • 國(guó)家級(jí)
            全民數(shù)字素養(yǎng)與技能培訓(xùn)基地
          • 河南省
            第一批產(chǎn)教融合型企業(yè)建設(shè)培育單位
          • 鄭州市
            數(shù)字技能人才(碼農(nóng))培養(yǎng)評(píng)價(jià)聯(lián)盟

          怎樣實(shí)現(xiàn)jQuery的多庫(kù)共存?

          • 發(fā)布時(shí)間:
            2023-02-13
          • 版權(quán)所有:
            云和教育
          • 分享:

          jQuery使用$作為標(biāo)示符,隨著jQuery的流行,其他 js 庫(kù)也會(huì)用這$作為標(biāo)識(shí)符, 這樣一起使用會(huì)引起沖突。解決沖突,讓jQuery 和其他的js庫(kù)不存在沖突,可以同時(shí)存在,這就叫做多庫(kù)共存。

          解決方案一:把里面的 $ 符號(hào) 統(tǒng)一改為 jQuery。 比如 jQuery(”div”)

          解決方案二:jQuery 變量規(guī)定新的名稱:$.noConflict() var xx = $.noConflict();

          jQuery 功能比較有限,想要更復(fù)雜的特效效果,可以借助于 jQuery 插件完成。 但這些插件也是依賴于jQuery來(lái)完成的,所以必須要先引入jQuery文件,因此也稱為 jQuery 插件。下載jQuery插件可以通過(guò)jQuery 插件庫(kù)(http://www.jq22.com/ )和jQuery之家(http://www.htmleaf.com/)。引用jQuery 文件后,復(fù)制html、css、js就可以調(diào)用插件。

          jQuery 插件演示:

          1. 瀑布流

          2. 圖片懶加載(圖片使用延遲加載在可提高網(wǎng)頁(yè)下載速度。它也能幫助減輕服務(wù)器負(fù)載)

          當(dāng)我們頁(yè)面滑動(dòng)到可視區(qū)域,再顯示圖片。

          我們使用jquery 插件庫(kù) EasyLazyload。 注意,此時(shí)的js引入文件和js調(diào)用必須寫(xiě)到 DOM元素(圖片)最后面

          3. 全屏滾動(dòng)(fullpage.js)

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

          bootstrap JS 插件:

          bootstrap 框架也是依賴于 jQuery 開(kāi)發(fā)的,因此里面的 js插件使用 ,也必須引入jQuery 文件。