jQuery多庫(kù)共存的2種方法【前端技術(shù)文章】

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)用必須寫到 DOM元素(圖片)最后面

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

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

bootstrap JS 插件：

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