国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JQuery的$命名沖突詳細(xì)解析

2019-11-20 21:21:25
字體:
供稿:網(wǎng)友

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

第一種情況:jquery.js在prototype.js之后進(jìn)行引入,如:
<script src="prototype.js" type="text/javascript"/>
<script src="jquery.js" type="text/javascript"/>

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

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

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


第二種情況:jquery.js在prototype.js之前進(jìn)行引入,如:
<script src="jquery.js" type="text/javascript"/>
<script src="prototype.js" type="text/javascript"/>

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

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

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

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

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

JQuery.noConflict();

//此處不可以再寫成$('#msg').hide(),此時(shí)的$代表prototype.js中定義的$符號。
JQuey('#msg').hide();

自此以后$就代表prototype.js中定義的$,jquery.js中的$無法再使用,只能使用jquery.js中$的全稱JQuery了。


二.自定義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();//此時(shí)在整個(gè)ready事件的方法中使用的$都是jquery.js中定義的$.
});

或者使用如下語句塊:

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

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

復(fù)制代碼 代碼如下:

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

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


這種使用語句塊的方法非常有用,在我們自己寫jquery插件時(shí),應(yīng)該都使用這種寫法,因?yàn)槲覀儾恢谰唧w工作過程中是如何順序引入各種js庫的,而這種語句塊的寫法卻能屏蔽沖突。

(function($){})(jQuery)

1 首先(function(){})()這種寫法 是創(chuàng)建了一個(gè)匿名的方法并立即執(zhí)行(function(){})這個(gè)是匿名方法后面的括號就是立即調(diào)用了這個(gè)方法)。
這樣做可以創(chuàng)建一個(gè)作用域以保證內(nèi)部變量與外部變量不發(fā)生沖突,比如$ jQuery 等jquery內(nèi)部定義的變量。

2 (function($){})(jQuery) 這個(gè)寫法主要的作用還是保證jquery不與其他類庫或變量有沖突 首先是要保證jQuery這個(gè)變量名與外部沒有沖突(jquery內(nèi)部$與jQuery是同一個(gè)東西 有兩個(gè)名字的原因就是怕$與其他變量名有沖突二jQuery與其他變量沖突的幾率非常小)并傳入匿名對象,匿名對象給參數(shù)起名叫做$(其實(shí)和jquery內(nèi)部是一樣的) 然后你就可以自由的在(function($){})(jQuery)里寫你的插件而不需要考慮與外界變量是否存在沖突

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 沛县| 靖州| 延长县| 轮台县| 吉林市| 噶尔县| 额尔古纳市| 保靖县| 喀什市| 西平县| 大冶市| 会宁县| 青田县| 石河子市| 孟村| 南丰县| 惠来县| 科技| 五原县| 克山县| 祁门县| 隆德县| 峨眉山市| 休宁县| 钦州市| 高邑县| 囊谦县| 承德县| 阳新县| 东莞市| 奉新县| 色达县| 吴江市| 惠安县| 聂拉木县| 景东| 南汇区| 拉孜县| 襄垣县| 南靖县| 汽车|