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