解析jQuery與其它js(Prototype)庫(kù)兼容共存
更新時(shí)間：2013年07月04日 10:30:24 作者：
解決jQuery與其它js(Prototype)庫(kù)沖突的方法很簡(jiǎn)單，就是使用jQuery的jQuery.noConflict()函數(shù)，以下小編就為大家介紹，需要的朋友可以參考下
一、在運(yùn)行這個(gè)函數(shù)后，可以恢復(fù)使用別名 $ ，在這個(gè)函數(shù)的作用域中仍然將 $ 作為 jQuery 的別名來(lái)使用。
jQuery Code：
jQuery.noConflict();
(function($) {
$(function() {
// 使用 $ 作為 jQuery 別名的代碼
});
})(jQuery);
// 基于其他庫(kù)用 $ 作為別名的代碼
二、在運(yùn)行這個(gè)函數(shù)后，可以創(chuàng)建一個(gè)新的 jQuery 別名來(lái)替換原來(lái)的 jQuery 別名 $ 來(lái)使用。
jQuery Code：
var j = jQuery.noConflict();
// 使用新別名 jQuery 的代碼
j("div p").hide();
// 基于其他庫(kù)用 $ 作為別名的代碼
$("content").style.display = 'none';
注意：這個(gè)函數(shù)必須在你導(dǎo)入 jQuery 文件之后，并且在導(dǎo)入另一個(gè)導(dǎo)致沖突的庫(kù)之前使用。
jQuery Code：
復(fù)制代碼 代碼如下:
jQuery.noConflict();
(function($) {
$(function() {
// 使用 $ 作為 jQuery 別名的代碼
});
})(jQuery);
// 基于其他庫(kù)用 $ 作為別名的代碼
二、在運(yùn)行這個(gè)函數(shù)后，可以創(chuàng)建一個(gè)新的 jQuery 別名來(lái)替換原來(lái)的 jQuery 別名 $ 來(lái)使用。
jQuery Code：
復(fù)制代碼 代碼如下:
var j = jQuery.noConflict();
// 使用新別名 jQuery 的代碼
j("div p").hide();
// 基于其他庫(kù)用 $ 作為別名的代碼
$("content").style.display = 'none';
注意：這個(gè)函數(shù)必須在你導(dǎo)入 jQuery 文件之后，并且在導(dǎo)入另一個(gè)導(dǎo)致沖突的庫(kù)之前使用。
您可能感興趣的文章:
- 找到了一篇jQuery與Prototype并存的沖突的解決方法
- 解析prototype,JQuery中跳出each循環(huán)的方法
- jquery與prototype框架的詳細(xì)對(duì)比
- jQuery.fn和jQuery.prototype區(qū)別介紹
- jQuery.prototype.init選擇器構(gòu)造函數(shù)源碼思路分析
- JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的區(qū)別和應(yīng)用場(chǎng)景簡(jiǎn)述
- prototype與jquery下Ajax實(shí)現(xiàn)的差別
- Jquery與Prototype混合用法對(duì)比
- jQuery prototype沖突的2種解決方法(附demo示例下載)
相關(guān)文章
jQuery學(xué)習(xí)筆記之Helloworld
剛學(xué)習(xí)jQuery，覺(jué)得有的東西確實(shí)有必要寫下來(lái)，加深下記憶，本文純屬給自己寫的，希望大家不要見(jiàn)笑。2010-12-12
移動(dòng)端jQuery修正Web頁(yè)面滑動(dòng)時(shí)div問(wèn)題的兩則實(shí)例
這篇文章主要介紹了移動(dòng)端jQuery修正Web頁(yè)面滑動(dòng)時(shí)div問(wèn)題的兩則實(shí)例,分別針對(duì)頂部固定fixed不為0時(shí)滑動(dòng)出現(xiàn)的閃動(dòng)以及touchmove的受阻止的相關(guān)問(wèn)題,需要的朋友可以參考下2016-05-05
在系統(tǒng)開(kāi)發(fā)過(guò)程中經(jīng)常會(huì)用到系統(tǒng)的當(dāng)前時(shí)間，然而我們遇到的問(wèn)題確又是各個(gè)瀏覽器返回值不同，就像典型的IE和FF瀏覽器。2008-12-12
jQuery控制元素顯示、隱藏、切換、滑動(dòng)的方法總結(jié)
這篇文章主要介紹了jQuery控制元素顯示、隱藏、切換、滑動(dòng)的方法總結(jié),本文講解了hide()、show() 、slideDown、slideUp、 slideToggle、fadeIn()、fadeOut()、fadeTo()等方法使用實(shí)例,需要的朋友可以參考下2015-04-04
jQuery簡(jiǎn)單實(shí)現(xiàn)QQ空間點(diǎn)贊已經(jīng)取消點(diǎn)贊
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)QQ空間點(diǎn)贊已經(jīng)取消點(diǎn)贊的代碼，非常的好用，這里推薦給大家，有需要的小伙伴參考下。2015-04-04
下面小編就為大家?guī)?lái)一篇jQuery原理系列-常用Dom操作詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
jqueryMobile 動(dòng)態(tài)添加元素,展示刷新視圖的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jqueryMobile 動(dòng)態(tài)添加元素,展示刷新視圖的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
textarea 在瀏覽器中固定大小和禁止拖動(dòng)的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇textarea 在瀏覽器中固定大小和禁止拖動(dòng)的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧，祝大家游戲愉快哦2016-12-12
jQuery在ul中顯示某個(gè)li索引號(hào)的方法
這篇文章主要介紹了jQuery在ul中顯示某個(gè)li索引號(hào)的方法,涉及jQuery遍歷元素的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
jQuery實(shí)現(xiàn)的網(wǎng)格線繪制方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)的網(wǎng)格線繪制方法,涉及jQuery針對(duì)頁(yè)面元素的獲取及樣式動(dòng)態(tài)操作相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06