亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

在jQuery中使用$而避免跟其它庫產生沖突的方法

2019-11-20 11:49:48
字體:
來源:轉載
供稿:網友

在Jquery中,$是JQuery的別名,所有使用$的地方也都可以使用JQuery來替換,如$('#msg')等同于JQuery('#msg')的寫法。然而,當我們引入多個js庫后,在另外一個js庫中也定義了$符號的話,那么我們在使用$符號時就發生了沖突。下面以引入兩個庫文件jquery.js和prototype.js為例來進行說明。
第一種情況:jquery.js在prototype.js之后進行引入,如:

<script src="prototype.js" type="text/javascript"/> <script src="jquery.js" type="text/javascript"/>
在這種情況下,我們在自己的js代碼中如下寫的話:

$('#msg').hide(); 

$永遠代表的是jquery中定義的$符號,也可以寫成JQuery('#msg').hide();如果想要使用prototype.js中定義的$,我們在后面再介紹。


第二種情況:jquery.js在prototype.js之前進行引入,如:

<script src="jquery.js" type="text/javascript"/> <script src="prototype.js" type="text/javascript"/> 

在這種情況下,我們在自己的js代碼中如下寫的話:

$('#msg').hide(); 

$此時代表的prototype.js中定義的$符號,如果我們想要調用jquery.js中的工廠選擇函數功能的話,只能用全稱寫法JQuery('#msg').hide().

下面先介紹在第一種引入js庫文件順序的情況下,如何正確的使用不同的js庫中定義的$符號。

一.使用JQuery.noConflict()
該方法的作用就是讓Jquery放棄對$的所有權,將$的控制權交還給prototype.js,因為jquery.js是后引入的,所以最后擁有$控制權的是jquery。它的返回值是JQuery。當在代碼中調用了該 方法以后,我們就不可以使用$來調用jquery的方法了,此時$就代表在prototype.js庫中定義的$了。如下:

JQuery.noConflict();//此處不可以再寫成$('#msg').hide(),此時的$代表prototype.js中定義的$符號。 JQuey('#msg').hide();
自此以后$就代表prototype.js中定義的$,jquery.js中的$無法再使用,只能使用jquery.js中$的全稱JQuery了。
將 jQuery 設置為 no-conflict 模式后,可以給$設置個別名:

<script src="prototype.js"></script><script src="jquery.js"></script><script>var $j = jQuery.noConflict();</script>

如果還想繼續是用 jQuery 的$,需要將代碼包含在一個自執行的函數內,這也是一些 jQuery 插件作者的通用做法,因為這些作者并不知道項目中是否引用了其它庫:

<script src="prototype.js"></script><script src="jquery.js"></script><script>jQuery.noConflict();(function($) {  // 這里依然可以繼續使用 jQuery 的 $})(jQuery);</script>


二.自定義JQuery的別名
如果覺得第一種方法中使用了JQuery.noConflict()方法以后,只能使用JQuery全稱比較麻煩的話,我們還可以為JQuery重定義別名。如下:

var $j=JQuery.noConflict(); $j('#msg').hide();//此處$j就代表JQuery 

自此以后$就代表prototype.js中定義的$,jquey.js中的$無法再使用,只能使用$j來作為jquey.js中JQuery的別名了。


三.使用語句塊,在語句塊中仍然使用jquery.js中定義的$,如下:

JQuery.noConflict(); JQuery(document).ready(function($){ $('#msg').hide();//此時在整個ready事件的方法中使用的$都是jquery.js中定義的$. }); 

或者使用如下語句塊:

(function($){ ..... $('#msg').hide();//此時在這個語句塊中使用的都是jquery.js中定義的$. })(JQuery) 

如果在第二種引入js庫文件順序的情況下,如何使用jquery.js中的$,我們還是可以使用上面介紹的語句塊的方法,如:

<script src="jquery.js" type="text/javascript"/> <script src="prototype.js" type="text/javascript"/> <script type="text/javascript"> (function($){ ..... $('#msg').hide();//此時在這個語句塊中使用的都是jquery.js中定義的$. })(JQuery) </script>


代碼

<script src="jquery.js" type="text/javascript"/> <script src="prototype.js" type="text/javascript"/> <script type="text/javascript"> (function($){ ..... $('#msg').hide();//此時在這個語句塊中使用的都是jquery.js中定義的$. })(JQuery) </script>

這種使用語句塊的方法非常有用,在我們自己寫jquery插件時,應該都使用這種寫法,因為我們不知道具體工作過程中是如何順序引入各種js庫的,而這種語句塊的寫法卻能屏蔽沖突。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
2019中文字幕在线| 欧美亚洲午夜视频在线观看| 中文字幕亚洲欧美| 国产精品综合不卡av| 日韩精品欧美激情| 成人久久一区二区三区| 国产精品一区专区欧美日韩| 日韩精品欧美国产精品忘忧草| 久久久999精品| 亚洲欧美日韩国产成人| 日韩成人av网址| 久久99精品国产99久久6尤物| 91精品国产网站| 亚洲成人动漫在线播放| 日韩女在线观看| 九九热这里只有精品免费看| 亚洲成**性毛茸茸| 国产精品一区二区三区久久久| 在线看福利67194| 亚洲韩国日本中文字幕| 精品欧美激情精品一区| 色噜噜狠狠狠综合曰曰曰88av| 国产人妖伪娘一区91| 精品国产91久久久| 亚洲成人黄色在线观看| 亚洲人成网站999久久久综合| 亚洲精品美女视频| 久久久久久久久久久网站| 国产精自产拍久久久久久蜜| 国产精品一区二区女厕厕| 精品女同一区二区三区在线播放| 日本一区二三区好的精华液| 久久精品国产v日韩v亚洲| 国产日产欧美精品| 狠狠躁夜夜躁久久躁别揉| 成人网欧美在线视频| 国产精品视频白浆免费视频| 亚洲天堂男人天堂女人天堂| 一区二区三区视频免费| www.久久撸.com| 欧美视频在线视频| 亚洲日本欧美日韩高观看| 久久久久一本一区二区青青蜜月| 国产精品久久久久不卡| 成人在线一区二区| 久久久这里只有精品视频| 国产97在线播放| 亚洲国产精品资源| 国产精品扒开腿做爽爽爽男男| 超在线视频97| 在线看片第一页欧美| 一区二区三区视频观看| 日本成人在线视频网址| 亚洲激情视频在线| 久久精品国产清自在天天线| 91国产精品电影| 成人精品久久久| 国产不卡精品视男人的天堂| 欧美大片大片在线播放| 亚洲午夜精品久久久久久久久久久久| 成人在线中文字幕| 色青青草原桃花久久综合| 欧美成人免费全部观看天天性色| 在线视频亚洲欧美| 久久精品国产69国产精品亚洲| 亚洲精品久久久久中文字幕二区| 日韩精品视频三区| 亚洲国模精品一区| 精品久久久久久久大神国产| 成人疯狂猛交xxx| 亚洲综合在线做性| 国产日韩在线看片| 91久久综合亚洲鲁鲁五月天| 亚洲色图色老头| 日韩精品免费一线在线观看| 国产性色av一区二区| 亚洲精品国产精品乱码不99按摩| 久久视频这里只有精品| 美女性感视频久久久| 亚洲精品成人久久电影| 国产精品va在线播放我和闺蜜| 永久免费毛片在线播放不卡| 久久久久久一区二区三区| 中文字幕久久精品| 色综合久综合久久综合久鬼88| 久久99国产综合精品女同| 一区三区二区视频| 色无极亚洲影院| 欧美自拍视频在线| 91精品国产色综合久久不卡98口| 亚洲bt欧美bt日本bt| 一区二区三区日韩在线| 亚洲黄色成人网| yw.139尤物在线精品视频| 孩xxxx性bbbb欧美| 91av福利视频| 中文字幕成人精品久久不卡| 最近2019中文字幕第三页视频| 亚洲一区二区三| 欧美野外wwwxxx| 国产精品揄拍一区二区| 亚洲国产精品电影| 青草成人免费视频| 日韩精品在线观看网站| 亚洲国内高清视频| 久久精品国产69国产精品亚洲| 国产欧美一区二区三区在线看| 亚洲影院色在线观看免费| 久久91超碰青草是什么| 亚洲第一网站男人都懂| 成人在线激情视频| 这里只有精品久久| 欧美性高潮床叫视频| 色诱女教师一区二区三区| 国产精品h在线观看| 久久99久久亚洲国产| 亚洲人成在线一二| 国内偷自视频区视频综合| 91精品国产九九九久久久亚洲| 色视频www在线播放国产成人| 1769国内精品视频在线播放| 国产偷国产偷亚洲清高网站| 亚洲第一中文字幕| 国产精品美腿一区在线看| 亚洲激情在线视频| 久久精品国产亚洲精品2020| 亚洲v日韩v综合v精品v| 日韩电视剧在线观看免费网站| 上原亚衣av一区二区三区| 伊人伊成久久人综合网站| 亚洲图片在线综合| 中文字幕日韩欧美| 成人网在线免费看| 在线观看国产成人av片| 高清日韩电视剧大全免费播放在线观看| 欧美另类99xxxxx| 日韩在线小视频| 成人网在线免费看| 最近2019好看的中文字幕免费| 国产成人精品国内自产拍免费看| 国产精品美女在线观看| 国产激情综合五月久久| 欧美一区二区三区四区在线| 欧美高清视频免费观看| 亚洲va久久久噜噜噜久久天堂| 最近日韩中文字幕中文| 亚洲欧美在线第一页| 亚洲人成在线观看网站高清| 日韩av网址在线观看| 国产精品流白浆视频| 欧美电影电视剧在线观看| 国产精品九九久久久久久久| 欧美丰满老妇厨房牲生活| 欧美日韩国产页| 久久久久久久97| 韩国精品久久久999| 亚洲精品资源美女情侣酒店| 日韩欧美成人免费视频| 国产精品久久久久秋霞鲁丝| 夜夜嗨av色一区二区不卡| 日本欧美黄网站| 国产精品久久久久久av福利| 亚洲最大的网站| 亚洲第一精品夜夜躁人人爽|