jQuery和Prototype的兼容性和冲突的多种解决方法
有两种情况：
1.先加载Prototype，再加载jQuery。
2.先加载jQuery，再加载Prototype。
针对情况1：先加载Prototype，再加载jQuery。
方法一：jQuery 库和它的所有插件都是在jQuery名字空间内的，包括全局变量也是保存在jQuery 名字空间内的。
使用jQuery.noConflict();主要作用是在任何时候，只要在jQuery加载后就可以调用，将$符号的使用权返回给其它的js库，jQuery在创建它自己的名字空间时就将其它库的$保存在自己的一个变量当中。
<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script type="text/javascript" >
//各个js库之间的主要冲突在于$的冲突，这个方法是用来处理这个问题的
jQuery.noConflict(); //原本使用jQuery代码部分的$ 用jQuery替代
jQuery(document).ready(function (){
jQuery("div").hide();
}); // Use Prototype with $(...), etc.
$('proto').hide();
</script>
</head>
<body></body>
</html>
方法二：如果你仍然想使用类似于$这样比较简短的字符，你可以将jQuery.noConflict()的返回值赋值给某个变量。这个变量就是jQuery的新缩写了，当然你可以使用$以外的任意字符串，比如：
<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script type="text/javascript" >
//$j就相当于jQuery，名称你可以自主定义
var $j = jQuery.noConflict(); // Use jQuery via $j(...)
$j(document).ready(function (){
$j("div").hide();
}); // Use Prototype with $(...), etc.
$('proto').hide();
</script>
</head>
<body></body>
</html>
方法三：如果你还是想使用$，而不想使用别的字符，也是可以的。而且通常程序员都比较喜欢这样做，因为这样做写好的代码几乎都不用替换原来的$符号。那就是利用名字空间的概念就所有的jQuery代码封装在document的ready事件名字空间范围内，如：jQuery(document).ready(这里填入jQuery代码)
<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script type="text/javascript" >
jQuery.noConflict(); // Put all your code in your document ready area
jQuery(document).ready(function ($){
// 这样你可以在这个范围内随意使用$而不用担心冲突
$("div" ).hide();
}); // Use Prototype with $(...), etc.
$('proto' ).hide();
</script>
</head>
<body></body>
</html>
针对第二种情况：先加载jQuery，再加载Prototype。
方法四：按照这样的顺序加载，就不存在其它js库的$符号被jQuery占用的问题。所以对其它的js库的代码可以不作任何修改，照常使用$，而对 jQuery可以使用jQuery来替代$。如：
<html>
<head>
<script src="jquery.js"></script>
<script src="prototype.js"></script>
<script type="text/javascript" >
// 使用 jQuery 用 jQuery(...)
jQuery(document).ready(function (){
jQuery("div" ).hide();
}); // 使用 Prototype 时，用 $(...),
$('someid' ).hide();
</script>
</head>
<body></body>
</html>
或者你不想写jQuery这么长的字符，你可以通过另外一种方法：
方法五：
var $j = jQuery;
jQuery和Prototype的兼容性和冲突的多种解决方法的更多相关文章
- jQuery和Prototype的兼容性和冲突的五种解决方法
第一种情况:先加载Prototype,再加载jQuery方法一:jQuery 库和它的所有插件都是在jQuery名字空间内的,包括全局变量也是保存在jQuery 名字空间内的. 使用jQuery.no ...
- JQuery的$和其它JS发生冲突的快速解决方法
众所周知,jQuery是目前最流行的JS封装包,简化了很多复杂的JS程序,JQuery讲浏览器DOM树定义为$,通过$来获取各个子节点. 然后,JS插件并非只有JQuery,还有prototype.j ...
- 无法解决 equal to 运算中 "Chinese_PRC_CI_AS" 和 "Chinese_PRC_90_CI_AI" 之间的排序规则冲突。的解决方法
在SQL SERVICE的查询的时候遇到了“无法解决 equal to 运算中 "Chinese_PRC_CI_AS" 和 "Chinese_PRC_90_CI_AI&q ...
- [转载][jQuery] Cannot read property ‘msie’ of undefined错误的解决方法
参考 [jQuery] Cannot read property ‘msie’ of undefined错误的解决方法 ---------------------------------------- ...
- [jQuery] Cannot read property ‘msie’ of undefined错误的解决方法
最近把一个项目的jQuery升级到最新版,发现有些页面报错Cannot read property ‘msie’ of undefined.上jQuery网站上搜了一下,原因是$.browser这个a ...
- jquery升级到新版本报错[jQuery] Cannot read property ‘msie’ of undefined错误的解决方法(转)
最近把一个项目的jQuery升级到最新版,发现有些页面报错Cannot read property 'msie' of undefined.上jQuery网站上搜了一下,原因是$.browser这个a ...
- jquery ui中 accordion的问题及我的解决方法
原文:jquery ui中 accordion的问题及我的解决方法 jquery有一套所谓的ui组件,很不错的.如果有兴趣的朋友,可以参考http://jqueryui.com/ 但其中的accord ...
- Django与Vue语法冲突问题完美解决方法
当我们在django web框架中,使用vue的时候,会遇到语法冲突. 因为vue使用{{}},而django也使用{{}},因此会冲突. 解决办法1: 在django1.5以后,加入了标签: {% ...
- error C2872: “flann”: 不明确的符号 --- PCL 与OpenCV2 的flann命名空间冲突问题的解决方法
error C2872: "flann": 不明确的符号 - PCL 与OpenCV2命名空间冲突问题的解决方法 error C2872: "flann" 如果 ...
随机推荐
- 程序员查问题还是要找stackoverflow
今天定位了一个问题,其实也不是多复杂. 现场的数据是postgres dump出来的,想拿到本地服务器restore后定位问题. 本地restore后报错,报sequence as data_type ...
- react native 传值方式之 ：子组件通过调用 其父组件传来的方法 传值回其父组件
- 用xcode打包完成,出现的Archive界面怎么打开？
要出现这个界面 只需在xcode界面进入windows 的下拉菜单Organizer
- HTTP及WEB框架简述
HTTP介绍 Hyper Text Transfer Protocol,超文本传输书协议,是万维网数据通信的基础,规定了请求和响应标准. HTTP工作原理 HTTP 请求以及响应的步骤 客户端连接到W ...
- sqlalchemy一对一关系映射
#encoding: utf-8 from sqlalchemy import create_engine,Column,Integer,String,Float,func,and_,or_,Text ...
- lambda常用方法
一:forEach() 循环遍历 List<Integer> costBeforeTax = Arrays.asList(100, 200, 300, 400, 500); costBe ...
- 解决The total number of locks exceeds the lock table size错误
参考:https://blog.csdn.net/weixin_40683253/article/details/80762583 mysql在进行大批量的数据操作时,会报“The total num ...
- sql server2012中使用convert来取得datetime数据类型样式（全）
一.日期数据格式的处理,两个示例: CONVERT(varchar(16), 时间一, 20) 结果:2007-02-01 08:02/*时间一般为getdate()函数或数据表里的字段*/ CONV ...
- python_0基础开始_day12
第十二节 一,生成器 生成器的核心:生成器的本质就是迭代器 迭代器是python自带的 生成器是程序员自己写的一种迭代器 在python中有三种方式来创建生成器: 基于函数编写 推导式方式编写 pyt ...
- SSM和Spring Boot常用配置比较
一.Dao层相关 1.Mysql相关: 1.1配置DataSource连接池: (1)SSM配置: <!-- 加密后配置自己写的解析文件 --> <bean class=" ...