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" 如果 ...
随机推荐
- Python——GUI编程 利息计算器 作业9（python programming）
import sys from PyQt5.QtCore import * from PyQt5.QtGui import * from PyQt5.QtWidgets import * class ...
- makeObjectsPerformSelector的使用
NSArray 类定义的方法: makeObjectsPerformSelector:这是数组用的方法,类似于for循环. makeObjectsPerformSelector:@selector(m ...
- 重启 hdfs and yarn datanode
1- start-all.sh and stop-all.sh: Used to start and stop hadoop daemons all at once. Issuing it on th ...
- 嵌入式【杂记--手机芯片与pc】
手机.身边的移动设备大多数是嵌入式计算机,pc也是计算机,只是功耗上很大. 手机所采用的大多数芯片是英国ARM公司的架构coretom A系列 core, Intel公司采用自己的架构设计的芯片适用于 ...
- 【VS开发】获得devcon.exe
1.获得devcon.exe 有两种方法,一是直接去网上下,不过下的很多64位的都不能用,二是自己装个ddk去安装目录下找,在WinDDK\7600.16385.1\tools\devcon下,当然还 ...
- HDU 1231 最大连续子序列 （动态规划）
最大连续子序列 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Sub ...
- 云数据库 MariaDB 版
基于MariaDB企业版全球独家合作认证,提供Oracle兼容性及众多企业级数据库特性.支持包括MySQL InnoDB等多种存储引擎,为不同需求的用户提供灵活的选择. 请看视频简介 优势 Oracl ...
- Java基础开篇
我是一个2019毕业的非计算机的毕业生,从大二开始喜欢上Java直到现在一直都在学习,Brid从小就对计算机感兴趣,可惜高中的时候不懂事,没有规划未来,考上了一所专科学院,然后大一并不能转专业,现在毕 ...
- MySQL的库、表的详细操作
目录 MySQL的库.表的详细操作 一 库操作 二 表操作 MySQL的库.表的详细操作 本节目录 一 库操作 1.创建数据库 1.1 语法 CREATE DATABASE 数据库名 charset ...
- python3.7环境下创建app，运行Django1.11版本项目报错SyntaxError: Generator expression must be parenthesized
咳咳!!! 今天用命令行创建django项目中的app应用,出现了这样一个错误 这个错误在python3.6版本下安装运行django 1.11版本正常运行,但python3.7版本下运行django ...