解析jQuery與其它js(Prototype)庫兼容共存
更新時(shí)間：2013年07月04日 10:30:24 作者：
解決jQuery與其它js(Prototype)庫沖突的方法很簡單，就是使用jQuery的jQuery.noConflict()函數(shù)，以下小編就為大家介紹，需要的朋友可以參考下
一、在運(yùn)行這個(gè)函數(shù)后，可以恢復(fù)使用別名 $ ，在這個(gè)函數(shù)的作用域中仍然將 $ 作為 jQuery 的別名來使用。
jQuery Code：
jQuery.noConflict();
(function($) {
$(function() {
// 使用 $ 作為 jQuery 別名的代碼
});
})(jQuery);
// 基于其他庫用 $ 作為別名的代碼
二、在運(yùn)行這個(gè)函數(shù)后，可以創(chuàng)建一個(gè)新的 jQuery 別名來替換原來的 jQuery 別名 $ 來使用。
jQuery Code：
var j = jQuery.noConflict();
// 使用新別名 jQuery 的代碼
j("div p").hide();
// 基于其他庫用 $ 作為別名的代碼
$("content").style.display = 'none';
注意：這個(gè)函數(shù)必須在你導(dǎo)入 jQuery 文件之后，并且在導(dǎo)入另一個(gè)導(dǎo)致沖突的庫之前使用。
jQuery Code：
復(fù)制代碼 代碼如下:
jQuery.noConflict();
(function($) {
$(function() {
// 使用 $ 作為 jQuery 別名的代碼
});
})(jQuery);
// 基于其他庫用 $ 作為別名的代碼
二、在運(yùn)行這個(gè)函數(shù)后，可以創(chuàng)建一個(gè)新的 jQuery 別名來替換原來的 jQuery 別名 $ 來使用。
jQuery Code：
復(fù)制代碼 代碼如下:
var j = jQuery.noConflict();
// 使用新別名 jQuery 的代碼
j("div p").hide();
// 基于其他庫用 $ 作為別名的代碼
$("content").style.display = 'none';
注意：這個(gè)函數(shù)必須在你導(dǎo)入 jQuery 文件之后，并且在導(dǎo)入另一個(gè)導(dǎo)致沖突的庫之前使用。
您可能感興趣的文章:
- 找到了一篇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)用場景簡述
- prototype與jquery下Ajax實(shí)現(xiàn)的差別
- Jquery與Prototype混合用法對(duì)比
- jQuery prototype沖突的2種解決方法(附demo示例下載)
相關(guān)文章
jquery的相對(duì)父元素和相對(duì)文檔定位示例代碼
在開發(fā)jquery時(shí)候經(jīng)常需要用到定位,有相對(duì)父元素定位和相對(duì)文檔定位，本文為此總結(jié)下，有需要的朋友可以參考下2013-08-08
在系統(tǒng)開發(fā)過程中經(jīng)常會(huì)用到系統(tǒng)的當(dāng)前時(shí)間，然而我們遇到的問題確又是各個(gè)瀏覽器返回值不同，就像典型的IE和FF瀏覽器。2008-12-12
這篇文章主要介紹了jQuery中ScrollTo用法,結(jié)合實(shí)例形式分析了jQuery中ScrollTo的功能、使用方法與相關(guān)操作技巧,需要的朋友可以參考下2016-09-09
Bootstrap+Jquery實(shí)現(xiàn)日歷效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap+Jquery實(shí)現(xiàn)日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家介紹了Jquery中巧用Ajax的beforeSend方法，beforeSend方法用于在向服務(wù)器發(fā)送請(qǐng)求前添加一些處理函數(shù),需要的朋友可以參考下2016-01-01
jquery+springboot實(shí)現(xiàn)文件上傳功能
這篇文章主要為大家詳細(xì)介紹了jquery+springboot文件上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
本文整理了一些常用的特效示例，如：.jQuery fadeIn() 用于淡入已隱藏的元素、jQuery fadeToggle()方法可以在 fadeIn()與 fadeOut()方法之間進(jìn)行切換等等，感興趣的朋友可以參考下哈2013-06-06
jquery animate圖片模向滑動(dòng)示例代碼
jquery animate() 用于創(chuàng)建自定義動(dòng)畫的函數(shù)。這個(gè)函數(shù)的關(guān)鍵在于指定動(dòng)畫形式及結(jié)果樣式屬性對(duì)象。2011-01-01
jquery ajax的success回調(diào)函數(shù)中實(shí)現(xiàn)按鈕置灰倒計(jì)時(shí)
實(shí)現(xiàn)異步手機(jī)發(fā)送短信成功之后在ajax的success回調(diào)中實(shí)現(xiàn)將發(fā)送按鈕置灰并倒計(jì)時(shí)，具體的實(shí)現(xiàn)示例如下，喜歡的朋友可以研究下2013-11-11
jQuery實(shí)現(xiàn)徑向動(dòng)畫菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)徑向動(dòng)畫菜單效果的相關(guān)資料,需要的朋友可以參考下2015-07-07