Jquery与Prototype混合用法对比
88 浏览量
2020-12-07
03:47:12
上传
评论
收藏 54KB PDF 举报
Jquery与与Prototype混合用法对比混合用法对比
但问题来了，由于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”>
<!–
(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”>
<!–
weixin_38661800
- 粉丝: 4
- 资源: 975
最新资源
- ocr模型ch-ppocr-mobile-v2.0-cls-infer
- 计算两个地点之间的最短路线距离.php
- JavaWeb-学习笔记
- 一键安装docker环境：docker、docker-compose
- 使Unity开发的游戏支持热更新的解决方案
- 信息办公简易java开源订销管理系统-javainfo.zip
- 新闻文章NTsky新闻发布(提供JavaBean)v1.0-ntskynewsv1.0javabean.zip
- 搜索链接java(结合lucene)版的公交搜索系统-javaso.zip
- 毕业设计-基于Hadoop+Spark的大数据金融信贷风险控系统源码.zip
- 其他类别MeyboMail Web(Java)开源简化-meybomailweb.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0