解析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的相對(duì)父元素和相對(duì)文檔定位示例代碼
在開發(fā)jquery時(shí)候經(jīng)常需要用到定位,有相對(duì)父元素定位和相對(duì)文檔定位,本文為此總結(jié)下,有需要的朋友可以參考下2013-08-08Bootstrap+Jquery實(shí)現(xiàn)日歷效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap+Jquery實(shí)現(xiàn)日歷效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08jquery+springboot實(shí)現(xiàn)文件上傳功能
這篇文章主要為大家詳細(xì)介紹了jquery+springboot文件上傳,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-11-11jquery animate圖片模向滑動(dòng)示例代碼
jquery animate() 用于創(chuàng)建自定義動(dòng)畫的函數(shù)。這個(gè)函數(shù)的關(guān)鍵在于指定動(dòng)畫形式及結(jié)果樣式屬性對(duì)象。2011-01-01jquery 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-11jQuery實(shí)現(xiàn)徑向動(dòng)畫菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)徑向動(dòng)畫菜單效果的相關(guān)資料,需要的朋友可以參考下2015-07-07