完美解決jQuery符號(hào)$與其他javascript 庫(kù)、框架沖突的問(wèn)題
目前有大量的 javascript 開(kāi)發(fā)框架,其中有一部分使用 $ 作為調(diào)用符號(hào),這可能導(dǎo)致相互之間的沖突,而 jQuery 為解決這個(gè)問(wèn)題,可以在 jQuery 導(dǎo)入時(shí)放棄 $ 使用權(quán),屆時(shí) $ 則由其它框架使用,這樣可以避免相同名字的函數(shù)調(diào)用不再?zèng)_突。
jQuery 使用 noConflict 方法來(lái)放棄 $ 調(diào)用時(shí)的命名,之后由 jQuery 代替 $ 進(jìn)行編寫(xiě)。
例如:alert($('#message').val());
必須修改為 alert(jQuery('#message').val());
jQuery 才能正常運(yùn)行。
<script src="other_lib.js"></script> <script src="jquery.js"></script> <script> $.noConflict(); // 之后將只能用 jQuery 進(jìn)行調(diào)用 jQuery('#message').val(); </script>
也可以重新定義 $ 進(jìn)行調(diào)用
<script src="other_lib.js"></script> <script src="jquery.js"></script> <script> $.noConflict(); jQuery( document ).ready(function( $ ) { // Code that uses jQuery's $ can follow here. }); // Code that uses other library's $ can follow here. </script>
換成 j 作為調(diào)用符號(hào)
var j = jQuery.noConflict(); // Do something with jQuery j( "div p" ).hide(); // Do something with another library's $() $( "content" ).style.display = "none";
以上這篇完美解決jQuery符號(hào)$與其他javascript 庫(kù)、框架沖突的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- Vue框架中正確引入JS庫(kù)的方法介紹
- 十大熱門(mén)的JavaScript框架和庫(kù)
- JavaScript中全選、全不選、反選、無(wú)刷新刪除、批量刪除、即點(diǎn)即改入庫(kù)(在yii框架中操作)的代碼分享
- 深入解析Backbone.js框架的依賴(lài)庫(kù)Underscore.js的作用
- javascript函數(shù)庫(kù)-集合框架
- JavaScript框架Angular和React深度對(duì)比
- 什么是Vue.js框架 為什么選擇它?(第一課)
- 原生JS封裝animate運(yùn)動(dòng)框架的實(shí)例
- 15個(gè)頂級(jí)開(kāi)源JavaScript框架和庫(kù)
相關(guān)文章
Jquery 監(jiān)視按鍵,按下回車(chē)鍵觸發(fā)某方法的實(shí)現(xiàn)代碼
這篇文章主要介紹了jquery監(jiān)視按鍵,當(dāng)按下回車(chē)鍵時(shí)觸發(fā)事件的一個(gè)例子,有需要的朋友可以參考下2014-05-05JQuery對(duì)class屬性的操作實(shí)現(xiàn)按鈕開(kāi)關(guān)效果
頁(yè)面中的按鈕開(kāi)關(guān)效果想必大家都有見(jiàn)到過(guò)吧,接下來(lái)為大家詳細(xì)介紹下如何使用JQuery對(duì)class屬性的操作方法實(shí)現(xiàn),感興趣的朋友不要錯(cuò)過(guò)2013-10-10利用jquery實(shí)現(xiàn)實(shí)時(shí)更新歌詞的方法
這篇文章主要給大家介紹了如何利用jquery實(shí)現(xiàn)實(shí)時(shí)更新歌詞的方法,文中給出了詳細(xì)的實(shí)現(xiàn)思路和示例代碼,對(duì)大家的參考借鑒具有一定的價(jià)值,有需要的朋友下面來(lái)跟著小編一起學(xué)習(xí)學(xué)習(xí)吧。2017-01-01jquery實(shí)現(xiàn)圖片平滑滾動(dòng)詳解
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)圖片平滑滾動(dòng)的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03細(xì)說(shuō)瀏覽器特性檢測(cè)(2)-通用事件檢測(cè)
在上一篇中介紹了jQuery1.4版本新增的幾個(gè)瀏覽器特性檢測(cè)方案和具體的目的,本文將以事件為中心,介紹一個(gè)較為完整、通用的事件檢測(cè)方案。2010-11-11基于jQuery 實(shí)現(xiàn)bootstrapValidator下的全局驗(yàn)證
這篇文章主要介紹了基于jQuery 實(shí)現(xiàn)bootstrapValidator下的全局驗(yàn)證 的相關(guān)資料,需要的朋友可以參考下2015-12-12jQuery函數(shù)的第二個(gè)參數(shù)獲取指定上下文中的DOM元素
這篇文章主要介紹了jQuery函數(shù)的第二個(gè)參數(shù)獲取指定上下文中的DOM元素,需要的朋友可以參考下2014-05-05根據(jù)郵箱的域名跳轉(zhuǎn)到相應(yīng)的登錄頁(yè)面的代碼
其實(shí)主要是想記錄一下這種對(duì)象的用法,喜歡的朋友可以參考下2012-02-02jquery操作checkbox實(shí)現(xiàn)全選和取消全選
這篇文章主要介紹了jquery操作checkbox實(shí)現(xiàn)全選和取消全選,需要的朋友可以參考下2014-05-05