当前位置: 58彩票app下载 > 计算机网络 > 正文

Jquery与Prototype混合用法相比

时间:2019-09-22 07:38来源:计算机网络
但难题来了,由于jQuery以及prototype都施用了日元符函数“$”作为采用器,在两侧交织使用的时候$函数被另行定义了,结果导致在那之中一个框架不可能运用。 可是相当的慢,有大多人

但难题来了,由于jQuery以及prototype都施用了日元符函数“$”作为采用器,在两侧交织使用的时候$函数被另行定义了,结果导致在那之中一个框架不可能运用。

可是相当的慢,有大多人付出了减轻方案,如相比盛行的方案是如此的:

复制代码 代码如下:

<script src=";
<script type="text/javascript">
JQ = $; //rename $ function

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

<script src=";
<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">
<!--
(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>

经测量试验,jQuery与Prototpye职业均符合规律。独一以过去不平等的是,大家要在原先写的Jquery外面扩充八个衬衣:

复制代码 代码如下:

(function($){
//这里写Jquery代码
})(jQuery);
(function($){
//这里写Jquery代码 })(jQuery);

其一奶罩神奇地行使函数局地变量的得力限制保险你能够欣慰地按原本的办法写Jquery代码,这一个方案更适于现成Jquery的代码进级至Jquery

  • prototypt。

不足之处:

要么不能够缓和Jquery插件的难点,这么些难点是思想方法也力不能支解决的,只好够手动去修改插件脚本里面前蒙受$的调用,而素有的消除办法是今后的插件都用刚刚这种另类的点子去写,技能有限扶助其可用性。而Jquery UI现在就疑似是那样做了,小编从德姆o的源码里面看到的。

你大概感兴趣的稿子:

  • 找到了一篇jQuery与Prototype并存的争持的缓和格局
  • 解析prototype,JQuery中跳出each循环的点子
  • jquery与prototype框架的详细相比
  • jQuery.fn和jQuery.prototype差异介绍
  • 剖判jQuery与其它js(Prototype)库包容共存
  • jQuery.prototype.init选用器构造函数源码思路解析
  • JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的分别和利用场景简述
  • prototype与jquery下Ajax完毕的距离
  • jQuery prototype争辨的2种减轻方式(附demo示例下载)

编辑:计算机网络 本文来源:Jquery与Prototype混合用法相比

关键词: