1 回答

TA貢獻1827條經(jīng)驗 獲得超9個贊
一.使用JQuery.noConflict()
該方法的作用就是讓Jquery放棄對$的所有權(quán),將$的控制權(quán)交還給prototype.js,因為jquery.js是后引入的,所以最后擁有$控制權(quán)的是jquery。它的返回值是JQuery。當在代碼中調(diào)用了該 方法以后,我們就不可以使用$來調(diào)用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)
- 1 回答
- 0 關(guān)注
- 492 瀏覽
添加回答
舉報