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

首頁 > 語言 > JavaScript > 正文

解決jquery中美元符號命名沖突問題

2024-05-06 15:59:06
字體:
來源:轉載
供稿:網友
在Jquery中,$是JQuery的別名,所有使用$的地方也都可以使用JQuery來替換,下面為大家介紹下如何解決jquery中美元符號命名沖突問題

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

第一種情況:jquery.js在prototype.js之后進行引入,如: <</span> script src = " prototype.js " type = " text/javascript " />
<</span> script src = " jquery.js " type = " text/javascript " />
在這種情況下,我們在自己的js代碼中如下寫的話:
$( ' #msg ' ).hide();
$永遠代表的是jquery中定義的$符號,也可以寫成JQuery('#msg').hide();如果想要使用prototype.js中定義的$,我們在后面再介紹。

第二種情況:jquery.js在prototype.js之前進行引入,如: <</span> script src = " jquery.js " type = " text/javascript " />
<</span> 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的別名
如果覺得第一種方法中使用了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中的$,我們還是可以使用上面介紹的語句塊的方法,如:
<</span> script src = " jquery.js " type = " text/javascript " />
<</span> script src = " prototype.js " type = " text/javascript " />
<</span> script type = " text/javascript " >
(function($){ $( ' #msg ' ).hide(); // 此時在這個語句塊中使用的都是jquery.js中定義的$. })(JQuery)
</</span> script >
這種使用語句塊的方法非常有用,在我們自己寫jquery插件時,應該都使用這種寫法,因為我們不知道具體工作過程中是如何順序引入各種js庫的,而這種語句塊的寫法卻能屏蔽沖突。

ps :jquery中特殊字符的含義:
#  指示 id 
.  指示 class 
*  全選 
,  多選 
空格 后代 
>  子 
~  兄弟 
+  下一個 
:  子(多功能) 
()  函數式的過濾與查找

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 陇川县| 吉水县| 讷河市| 崇仁县| 墨江| 金平| 砚山县| 云和县| 广宁县| 孟连| 肇源县| 习水县| 安徽省| 甘孜| 镇巴县| 巴林右旗| 准格尔旗| 汝城县| 颍上县| 满洲里市| 容城县| 永靖县| 肥城市| 稷山县| 醴陵市| 宁城县| 南漳县| 双牌县| 三河市| 郑州市| 阳新县| 拜泉县| 滦平县| 新和县| 施甸县| 临夏市| 忻城县| 炉霍县| 大邑县| 义马市| 涟源市|