在jquery中，$（美元符号）就是jquery的别名，也就是说使用$和使用jquery是一样的，在很多时候我们命名空间时，正是因为这 个$而产生的冲突的发生。比如说：$('#xmlas')和JQuery('#xmlas') 虽然在写法上不同，但在实际上却是完全等同的。

要想解决这个冲突，其实最简单的方法就是使用不同的名称来命名，或者让执行代码认为是不同的命名空间即可。

一、jQuery库在其他库之后导入，使用jQuery.noConflict()方法将变量$的控制权让渡给其他库，有以下几种方式:

1.使用jQuery代替$

<script type="text/javascript">

jQuery.noConflict(); //将变量$的控制权让渡给prototype.js

jQuery(function(){ //使用jQuery

　　jQuery("p").click(function(){

　　　　alert( jQuery(this).text() );

　　});

});

 $("pp").style.display = 'none'; //使用prototype

</script>

2.定义$的别名

<script type="text/javascript">

var $j = jQuery.noConflict(); //自定义一个比较短快捷方式

$j(function(){ //使用jQuery

　　$j("p").click(function(){

　　　　alert( $j(this).text() );

　　});

});

 $("pp").style.display = 'none'; //使用prototype

</script>

3.使用jquery自动加载的方式

<script type="text/javascript">

jQuery.noConflict(); //将变量$的控制权让渡给prototype.js

jQuery(function($){ //使用jQuery

　　$("p").click(function(){ //继续使用 $ 方法

　　　　alert( $(this).text() );

　　});

});

 $("pp").style.display = 'none'; //使用prototype

</script>

或者

<script type="text/javascript">

jQuery.noConflict(); //将变量$的控制权让渡给prototype.js

(function($){ //定义匿名函数并设置形参为$

　　$(function(){ //匿名函数内部的$均为jQuery

　　　　$("p").click(function(){ //继续使用 $ 方法

　　　　　　alert($(this).text());

　　});

});

})(jQuery); //执行匿名函数且传递实参jQuery

 $("pp").style.display = 'none'; //使用prototype

 /*********************************************************************/

jQuery(document).ready(function(){ //一加载页面的时候就将权利让出去

jQuery.noConflict();

});

</script>

二、 jQuery库在其他库之前导入，直接使用jQuery(callback)方法如：

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--先导入jQuery -->

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

<!--后导入其他库 -->

<script src="prototype-1.6.0.3.js" type="text/javascript"></script>

</head>

<body>

<p id="pp">test---prototype

<p >test---jQuery

 <script type="text/javascript">

jQuery(function(){ //直接使用 jQuery ,没有必要调用"jQuery.noConflict()"函数。

　　jQuery("p").click(function(){

　　　　alert( jQuery(this).text() );

　　});

});

 $("pp").style.display = 'none'; //使用prototype

</script>

</body>

</html>

锋利的jQuery-1--解决jquery库和其他库的冲突的更多相关文章

  1. 解决jQuery多个版本，与其他js库冲突方法

    jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,这个问题 jquery早早就有给我们预留处理方法了,下面一起来看看解决办法. 1.同一页面jQuery多个版本或冲突解决方法. < ...

  2. Jquery库及其他库之间的$命名冲突解决办法

    首先我们应该知道,在jquery中,$(美元符号)就是jquery的别名,也就是说使用$和使用jquery是一样的,在很多时候我们命名空间时,正是因为这个$而产生的冲突的发生.比如说:$('#xmla ...

  3. 解决jQuery和其他库冲突

    <script> console.log($); // //jquery在其他库之前导入,直接使用jQuery()或 // var $replace = jQuery.noConflict ...

  4. 解决jquery与zepto等其它库冲突兼容的问题

    解决jquery与zepto等其它库冲突兼容的问题;(function ($) {    }) (jQuery); ;(function ($) {    }) (Zepto); 在Bootstrap ...

  5. （五）解决jQuery和其它库的冲突

    在jQuery库中,几乎所有的插件都被限制在它的命名空间里.全局的对象都很好地存储在jQuery命名空间里,因此当把jQuery和其它javascript类库一起使用时,不会引起冲突.(注意:默认情况 ...

  6. jquery库与其他库（比如prototype）冲突的解决方法

    前端开发很容易会遇到jQuery库与其他库冲突的场景,比如和prototype库冲突. 实际上这种冲突是因为不同的第三方JS库争夺对$标识符的控制权引起的. 解决方法,就是使用jQuery提供的jQu ...

  7. 解决jQuery中美元符号（$）命名与别的js脚本库引用冲突方法

    在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg') 的写法.然而,当我们引入多个js库后,在另外一个js库 ...

  8. 如何解决jquery库的冲突问题

    多个库之间的冲突 当一个项目中引入多个第三方库的时候,由于没有命名空间的约束(命名空间就好比同一个目录下的文件夹一样,名字相同就会产生冲突),库与库之间发生冲突在所难免. 那么,既然有冲突的问题,为什 ...

  9. 完美解决jQuery符号$与其他javascript 库、框架冲突的问题

    目前有大量的 javascript 开发框架,其中有一部分使用 $ 作为调用符号,这可能导致相互之间的冲突,而 jQuery 为解决这个问题,可以在 jQuery 导入时放弃 $ 使用权,届时 $ 则 ...

随机推荐

  1. C#委托Action、Action<T>、Func<T>、Predicate<T>

    CLR环境中给我们内置了几个常用委托Action. Action<T>.Func<T>.Predicate<T>,一般我们要用到委托的时候,尽量不要自己再定义一 个 ...

  2. GSON

    { "data": [ { "children": [ { "id": 10007, "title": "北京 ...

  3. ios 定位 监听是否跨入某个指定的区域

    /*****监听用户是否进入和走出 在某个区域*****/ 1 #import "ViewController.h" #import <CoreLocation/CoreLo ...

  4. 免费Flash图表工具FusionChart

    图表显示是很多开发工作所必不可少的一项功能,今天我介绍一个前段时间发现的免费的Flash图表开发工具,可以通过Adobe Flash实现数据的图表化,动态化以及相互交互. FusionChart是一个 ...

  5. Linux（9.14-9.20）学习笔记

    实验一 Linux系统简介 一.Linux 为何物 Linux 就是一个操作系统,Linux 也就是系统调用和内核那两层. 二.Linux 历史简介 操作系统始于二十世纪 50 年代,当时的操作系统能 ...

  6. Java学习笔记（四）——google java编程风格指南（上）

    [前面的话] 年后开始正式上班,计划着想做很多事情,但是总会有这样那样的打扰,不知道是自己要求太高还是自我的奋斗意识不够?接下来好好加油.好好学学技术,好好学习英语,好好学习做点自己喜欢的事情,趁着自 ...

  7. EntityFramework_MVC4中EF5 新手入门教程之二 ---2.执行基本的 CRUD 功能

    在前面的教程中,您创建 MVC 应用程序中,存储和显示数据使用实体框架和 SQL 服务器 LocalDB.在本教程中,您会审查和自定义的 CRUD (创建. 读取. 更新. 删除) MVC 脚手架会自 ...

  8. Javascript基础系列之（二）变量

    javascript 中变量通过var关键字(variable)来声明的. var school = "beijingyizhong" 也可以通过var 关键字给变量多个值. va ...

  9. “耐撕”团队第一次讨论——“抢答器”需求分析

    团队名称:"耐撕" 团队成员:齐嘉亮.刘伟硕.濮成林.郑蕊 项目名称:"抢答器"(有待改善) 第一次讨论 时间:20160316 地点:软件所 人员:全体 内容 ...

  10. 关于软工项目beta版本

    项目总结 项目成员: 黄丰润 031302307 王旭銮 031302320 张家俊 031302329 张晓燕 031302343 项目完成度:实现了专业信息填写.查看,教师信息填写,报课和查看课表 ...