国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Jquery與Prototype混合用法對(duì)比

2019-11-21 01:38:02
字體:
供稿:網(wǎng)友
但問題來了,由于jQuery以及prototype都使用了美元符函數(shù)“$”作為選擇器,在兩者混合使用的時(shí)候$函數(shù)被重復(fù)定義了,結(jié)果導(dǎo)致其中一個(gè)框架不能使用。

不過很快,有很多人給出了解決方案,如比較流行的方案是這樣的:

復(fù)制代碼 代碼如下:

<script src="http://jquery.com/src/latest/"></script>
<script type="text/javascript">
JQ = $; //rename $ function

</script>
<script src="prototype.js"></script>

<script src="http://jquery.com/src/latest/"></script>
<script type="text/javascript">
JQ = $; //rename $ function
</script>

<script src="prototype.js"></script>

這樣一來,你可以使用JQ來代替jQuery里的$函數(shù)名,而prototype的$函數(shù)照常使用,像這樣:
復(fù)制代碼 代碼如下:

<script type="text/javascript">
JQ(document).ready(function(){
JQ("#test_jquery").html("this is jquery");
$("test_prototype").innerHTML="this is prototype";
});
</script>
<script type="text/javascript">
JQ(document).ready(function(){
JQ("#test_jquery").html("this is jquery");
$("test_prototype").innerHTML="this is prototype";
});
</script>

盡管這種辦法在一定程度上解決了兩者的沖突,但作為jQuery的死忠,我是萬分不情愿改寫$為JQ或其他替代的字符。反之Prototype的粉絲估計(jì)也會(huì)這樣想。那么,是不是有另一種解決方案,讓兩種框架能和諧共處呢?現(xiàn)在流行和諧嘛!

另類解法:先看一小段代碼,猜一下會(huì)有什么效果?


[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]

應(yīng)該很簡單吧?效果是彈出一個(gè)窗品說“helloworld”。仔細(xì)看這一段Script,前后有兩個(gè)括號(hào)組成,第一個(gè)括號(hào)里面是一個(gè)function對(duì)象,第二個(gè)括號(hào)是一個(gè)字符串。可以這樣理解,第一個(gè)括號(hào)里面定義了一個(gè)函數(shù),第二個(gè)括號(hào)里面給出的參數(shù),兩個(gè)加在一起實(shí)際上是完成了一次函數(shù)調(diào)用!
那現(xiàn)在來點(diǎn)真實(shí)的:

復(fù)制代碼 代碼如下:

<script type="text/javascript" src="jquery-1.2.6.js">
</script>
<script type="text/javascript" src="prototype-1.6.0.2.js">
</script>
<div id="test_jquery"></div>
<div id="test_prototype"></div>
<script type="text/javascript">
<!--
(function($){
$(document).ready(function(){
alert($("#test_jquery").html("this is jqeury"));
});
})(jQuery);
$("test_prototype").innerHTML="this is prototype";
//-->
</script>

<script type="text/javascript" src="jquery-1.2.6.js"> </script>
<script type="text/javascript" src="prototype-1.6.0.2.js"> </script>
<div id="test_jquery"></div>
<div id="test_prototype"></div>
<script type="text/javascript">
<!--
(function($){ $(document).ready(function(){ alert($("#test_jquery").html("this is jqeury")); }); })(jQuery); $("test_prototype").innerHTML="this is prototype"; //--> </script>

經(jīng)測(cè)試,jQuery與Prototpye工作均正常。唯一以往常不一樣的是,我們要在以前寫的Jquery外面加多一個(gè)外套:
復(fù)制代碼 代碼如下:

(function($){
//這里寫Jquery代碼
})(jQuery);
(function($){
//這里寫Jquery代碼 })(jQuery);

這個(gè)外套巧妙地利用函數(shù)局部變量的有效范圍保證你可以安心地按原來的方式寫Jquery代碼,這個(gè)方案更合適現(xiàn)有Jquery的代碼升級(jí)至Jquery + prototypt。

不足之處:

還是不能解決Jquery插件的問題,這個(gè)問題是傳統(tǒng)方法也無法解決的,只能夠手動(dòng)去修改插件腳本里面對(duì)$的調(diào)用,而根本的解決辦法是以后的插件都用剛才那種另類的方式去寫,才能保證其可用性。而Jquery UI現(xiàn)在好像是這樣做了,我從Demo的源碼里面看到的。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 灌阳县| 京山县| 鹿泉市| 安岳县| 松原市| 玉环县| 英吉沙县| 贵州省| 固始县| 冀州市| 铁力市| 罗平县| 靖宇县| 石门县| 蒙阴县| 苏尼特左旗| 沧州市| 海口市| 池州市| 白城市| 龙山县| 蒲城县| 邵阳县| 延安市| 万年县| 延津县| 北京市| 容城县| 汤阴县| 廊坊市| 岢岚县| 杨浦区| 邻水| 江口县| 彭山县| 和龙市| 惠水县| 镇赉县| 漳浦县| 古交市| 瑞安市|