一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

jQuery與其它庫沖突的解決方法

(注意:默認(rèn)情況下,jQuery用$作為自身的縮寫而以)
如果jQuery類庫和別的類庫沖突的話,可以使用jQuerynoConflict()函數(shù)來將變量$的控制權(quán)移交出給其它的JavaScipt庫??聪旅嫘∑瑪啻a
<script type="text/Javascript" src="../JS/JsCOM.js"></script>
<script type="text/Javascript" src="../jQuery/jquery-1.3.2-vsdoc2.js"></script>
假設(shè)JsCOM.js庫中,有這樣一個(gè)函數(shù)
復(fù)制代碼 代碼如下:
function $(objName) {
if (document.getElementById) {
return eval('document.getElementById("' + objName + '")')
}
else {
return eval("document.all." + objName)
}

大家都知道jQuery里面也一個(gè)這樣的函數(shù),為了不引起沖突,我們將jQuery的變量$的控制權(quán)移交出給別的Javascript庫
復(fù)制代碼 代碼如下:
jQuery.noConflict(); //將變量$的控制權(quán)移交給JsCOM.js
var $cr = jQuery("#cr"); //照樣使用jQuery類庫,只是用jQuery代替了原來的$而以。
var JsCOM_cr = $("cr"); //使用JsCOM.js類庫

在這里可以把jQuery()函數(shù)作為jQuery對(duì)象的制造工廠.
在這里要注意幾點(diǎn)
1.引用Javascript類庫時(shí),一定要把jQuery引用放在最后面,就像上面一樣,JsCOM.js的引用在jQuery引用的前面(具體原因我也不知,不過確實(shí)需要這樣)
2.特別要注意jQuery()代替$()時(shí),jQuery是區(qū)分大小寫的,因?yàn)?a href=/itjie/Javajishu/ target=_blank class=infotextkey>Javascript本身就是區(qū)分大小寫的(好像說這個(gè)有點(diǎn)多余,不過還是希望大家不要犯這種錯(cuò)誤)
基本上根據(jù)上面的
方法就可以解決jQuery和其它庫的沖突問題了!
如果你覺得上面的方式不爽,每次都要打jQuery來代替$增加了您敲鍵盤的工作量,那請(qǐng)接著看。。
除上面之外,還有另一種選擇。如果想確保jQuery不會(huì)與其它庫沖突,但又想自定義一個(gè)快捷方式,可以進(jìn)行如下操作;
復(fù)制代碼 代碼如下:
var $j = jQuery.noConflict(); //自定一個(gè)快捷方式
var $cr = $j("#cr"); //使用jQuery類庫,得用自定義快捷方式----$j;
var JsCOM_cr = $("cr"); //和上一段代碼一樣,使用的是JsCOM.js類庫

如果您還有別的要求,想繼續(xù)使用原先的$(),同時(shí)還需要與別的類庫不沖突的話,還有兩種解決方法
其一:
復(fù)制代碼 代碼如下:
jQuery.noConflict(); //將變量$的控制權(quán)讓給JsCOM.js
jQuery(function($)
{
$("p").click(function() //在函數(shù)內(nèi)繼續(xù)可以使用jquery類庫的$()方法
{
alert($(this).text());
})
})
var JsCOM_cr = $("cr"); // 在函數(shù)外面,照樣可以使用JsCOM.js的$()方法

其二:
復(fù)制代碼 代碼如下:
jQuery.noConflict(); //將變量$的控件權(quán)移交給別的類庫,使用jquery類庫的$符號(hào)時(shí),請(qǐng)使用jQuery("#id");
(function($) { //定義匿名函數(shù)并設(shè)置形參為$
$(function() { //匿名函數(shù)內(nèi)部的$均為jQuery
$("div").click(function() {//繼續(xù)使用$()方法
alert($(this).text());
})
})
})
(jQuery); //使用匿名函數(shù)且傳遞實(shí)參jQUery
alert($("cr")); //使用的是jsCOM.js類庫中的$()函數(shù)

第二種方法應(yīng)該是兼容舊的代碼最好的方式,修改的代碼是最少的!
不過如果是新寫的jQuery代碼,我還是比較喜歡使用剛開始講的那種(jQuery.noConflict(),然后就使用jQuery("#id"),這種方式)
如果您的頁面是先引用jQuery類庫再引入別的類庫的話,那么我們可以直接使用jQuery來做一些工作,同時(shí),可以使用$()方法作為其它庫的快捷方式。這里無需調(diào)用jQuery.noConflict()函數(shù),請(qǐng)看下面代碼
復(fù)制代碼 代碼如下:
<script type="text/Javascript" src="../jQuery/jquery-1.3.2-vsdoc2.js"></script>
<script type="text/Javascript" src="../JS/JsCOM.js"></script>
jQuery().ready(function() { //無需調(diào)用jQuery.noConflict()函數(shù)
var $cr = jQuery("#cr");
$cr.click(function() {
if ($cr.is(":checked")) {
alert("感謝你的支持!你可以繼續(xù)操作了..");
}
})
})
alert($("cr")); //使用的是jsCOM.js類庫中的$()函數(shù)

好了,看了上面這么多種方法來解決沖突,這下你可以放心的在您的項(xiàng)目中引用jQuery了吧 :)

JavaScript技術(shù)jQuery與其它庫沖突的解決方法,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 久久九九亚洲精品 | 国产一二区视频 | 国产超91| 伊人色色网 | 精品五月天 | 国产91久久最新观看地址 | 一本一道久久综合狠狠老 | 成人国产网站 | 成年美女黄网站色大片视频 | 国产欧美国产精品第二区 | 亚洲国产精久久久久久久 | 久久涩精品 | 色网站免费视频 | 日本三级一区二区三区 | 日韩高清一区二区三区五区七区 | 色哟网站 | 91视频网址入口 | 日韩亚洲欧洲在线com91tv | 粉嫩粉嫩毛片视频 | 色老板在线播放 | 国产福利萌白酱喷水视频铁牛 | 午夜精品免费 | 黄色免费网站在线观看 | 欧美激情一区二区三区在线播放 | 国产美女在线精品亚洲二区 | 91久久精品在这里色伊人6882 | 伊人99综合 | 九九热免费在线观看 | 色月| 韩国理论福利片午夜 | 日本道精品一区二区三区 | 91资源在线视频 | www.色播.com| 亚洲国产99在线精品一区二区 | 131美女一区二区三区视频 | 美女扒开屁股让男人桶视频网站 | 亚洲国产www | 日本无吗免费一二区 | 黄视频在线观看免费视频 | 亚洲精品乱码国产精品乱码 | 久久久久久噜噜噜久久久精品 |