Jquery與Prototype混合用法對比

2024-05-06 14:17:09

字體：大中小

來源：轉載

供稿：網友

但問題來了，由于jQuery以及prototype都使用了美元符函數“$”作為選擇器，在兩者混合使用的時候$函數被重復定義了，結果導致其中一個框架不能使用。

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

代碼如下:
<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里的$函數名，而prototype的$函數照常使用，像這樣：
代碼如下:
<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的粉絲估計也會這樣想。那么，是不是有另一種解決方案，讓兩種框架能和諧共處呢？現在流行和諧嘛！

另類解法：先看一小段代碼，猜一下會有什么效果？

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
應該很簡單吧？效果是彈出一個窗品說“helloworld”。仔細看這一段Script，前后有兩個括號組成，第一個括號里面是一個function對象，第二個括號是一個字符串。可以這樣理解，第一個括號里面定義了一個函數，第二個括號里面給出的參數，兩個加在一起實際上是完成了一次函數調用！
那現在來點真實的：

代碼如下:
<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">

</script>

<script type="text/javascript" src="jquery-1.2.6.js"> </script>

上一篇：javascript顯示隱藏層比較不錯的方法分析

下一篇：js模擬電腦選擇多文件夾效果_選區代碼