默认情况下，jQuery用$作为自身的快捷方式。

  1. jQuery库在其他库之后导入

在其他库和jQuery库都被加载完毕后，可以在任何时候调用jQuery.noConflict()函数来将变量$的控制权移交给其他JavaScript库。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html>

     <head>

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

         <title>冲突解决1</title>

         <!-- 引入 prototype  -->

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

         <!-- 引入 jQuery  -->

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

     </head>

     <body>

         <p id="pp">Test-prototype(将被隐藏)</p>

         <p >Test-jQuery(将被绑定单击事件)</p>

         <script type="text/javascript">

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

             jQuery(function(){                    //使用jQuery

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

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

                 });

             });

             $("pp").style.display = 'none';        //使用prototype.js隐藏元素

         </script>

     </body>

 </html>

可以在程序里将jQuery()函数作为jQuery对象的制造工厂。

如果想确保jQuery不会与其他库冲突，但又想自定义一个快捷方式，可以使用如下的操作：

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

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

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

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

             });

         });

         $("pp").style.display = 'none';        //使用prototype.js隐藏元素

如果不想给jQuery自定义备用名称，还想使用$而不管其他库的$()方法，同时又不想与其他库相冲突，那么可以使用下面的解决方法：

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

         jQuery(function($){                    //使用jQuery设定页面加载时执行的函数，重点是把$作为参数传递给了函数

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

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

             });

         });

         $("pp").style.display = 'none';        //使用prototype
 jQuery.noConflict();                //将变量$的控制权让渡给prototype.js

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

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

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

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

                 });

             });

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

         $("pp").style.display = 'none';        //使用prototype
  1. jQuery库在其他库之前导入

如果jQuery库在其他库之前就导入了，那么可以直接使用“jQuery”来做一些jQuery的工作，同时可以使用$()方法作为其他库的快捷方式，这里无须调用jQuery.onConflict()函数。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html>

     <head>

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

         <title>冲突解决5</title>

         <!-- 引入 jQuery  -->

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

         <!-- 引入 prototype  -->

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

     </head>

     <body>

         <p id="pp">Test-prototype(将被隐藏)</p>

         <p >Test-jQuery(将被绑定单击事件)</p>

         <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基础学习3——jQuery库冲突的更多相关文章

  1. jQuery基础学习(一)—jQuery初识

    一.jQuery概述 1.jQuery的优点      jQuery是一个优秀的JavaScript库,极大地简化了遍历HTML文档.操作DOM.处理事件.执行动画和开发Ajax的操作.它有以下几点优 ...

  2. jQuery基础学习(二)—jQuery选择器

    一.jQuery基本选择器 1.CSS选择器     在学习jQuery选择器之前,先介绍一下之前学过的CSS选择器. 选择器 语法 描述 示例   标签选择器 E {                 ...

  3. jQuery基础学习4——jQuery容错性

    使用jQuery选择器不仅比使用传统的getElementById()和getElementsByTagName()函数简洁得多,而且还能避免某些错误. <script type="t ...

  4. jQuery基础学习(三)—jQuery中的DOM操作

    一.查找节点      查找属性节点: 通过jQuery的选择器来完成.      操作属性节点: 调用jQuery对象的attr()来获取它的属性值.      操作文本节点: 通过text()方法 ...

  5. JQuery基础学习总结

    JQuery基础学习总结 简单总结下JQuery: 一:事件 1.change事件 <!DOCTYPE html> <html lang="en"> < ...

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

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

  7. 【jQuery基础学习】00 序

    作为一个从来没有认真学过jQuery的菜来讲,我所学的都是jQuery基础. 算是让自己从0开始系统学一遍吧.学习书籍为:<锋利的jQuery>. 虽然是个序,表示一下我是个菜,但还是来几 ...

  8. 【总结整理】JQuery基础学习---动画

    jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性.但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的st ...

  9. 【总结整理】JQuery基础学习---DOM篇

    前言: 先介绍下需要用到的浏览器提供的一些原生的方法(这里不处理低版本的IE兼容问题) 创建流程比较简单,大体如下: 创建节点(常见的:元素.属性和文本) 添加节点的一些属性 加入到文档中 流程中涉及 ...

随机推荐

  1. Failed to initialize monitor Thread: Unable to establish loopback connection解决方法

    原因一: android中出现该异常的原因,是pid产生了冲突,将服务中的windows Firewall 服务停用就行了 原因二: http://stackoverflow.com/question ...

  2. CentOS 6.5系统使用yum方式安装LAMP环境和phpMyAdmin详细过程

    介绍如何在CentOs6.2下面使用YUM配置安装LAMP环境,一些兄弟也很喜欢使用编译的安装方法,个人觉得如果不是对服务器做定制,用yum安装稳定简单,何必去download&make&am ...

  3. bzoj2241: [SDOI2011]打地鼠

    暴力. O(n^6)暴力卡过,72ms. 莫名其妙做这道题时感觉十分烦躁,难受,只能这样了. O(n^4)的方法是这样差分一下.判断的时候tmp=t[i][j],t[i][j]-=tmp,t[i+r] ...

  4. js 跨域的问题 （同一个主域名不同的二级域名下的跨域问题） 解决 WdatePicker.js my97日期选择控件

    例如域名是  a.xx.com  和 b.xx.com    如果一个页面中引入多个iframe,要想能够操作所有iframe,必须都得设置相同domain. 如果iframe的时候  a包含b  为 ...

  5. 笨笨-歌词伴侣V1.2(酷狗KRC转LRC，LRC歌词批量下载)

      最近由于某些热心博友在我CSDN博客上使用了我的软件,提出了一些建议,看到自己的成果有人使用并且提出了一些建议,焉有不高兴之理!刚好碰上最近研究UI界面,有了一个初步的框架,就顺手将歌词相关功能集 ...

  6. Java [Leetcode 155]Min Stack

    题目描述: Design a stack that supports push, pop, top, and retrieving the minimum element in constant ti ...

  7. linux + ffmpeg + eclipse 调试

    使用linux + ffmpeg + eclipse调试步骤OS : ubuntu 12.04Eclipse : 3.7.2 为Eclipse安装cdt插件,使其支持c/c++ 导入ffmpeg项目 ...

  8. Cyborg Genes

    题意: 给两个字符串,求最短的以两字符串为子序列的字符串和个数 分析: 最长公共子序列的变形,num[i][j]表示个数 #include <map> #include <set&g ...

  9. codeforces 680E Bear and Square Grid 巧妙暴力

    这个题是个想法题 先预处理连通块,然后需要用到一种巧妙暴力,即0变1,1变0,一列列添加删除 复杂度O(n^3) #include <cstdio> #include <iostre ...

  10. 使用Redis的理由

    Redis是一个远程内存数据库,它不仅性能强劲,而且还具有复制特性以及为解决问题而生的独一无二的数据模型.Redis提供了5种不同类型的数据结构,各式各样的问题都可以很自然地映射到这些数据结构上:Re ...