默认情况下，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. Redis系列文章导读

    1. Redis简介 1.1 Redis VS Memcached 2. Redis安装教程 3. Redis数据类型 4. Redis常用命令 4.1 key 4.2 string 4.3 hash ...

  2. fiddler for mac

    Fiddler 是一免费的web调试工具.并且兼容所有浏览器.系统和平台. Fiddler 是基于微软的 .Net 技术开发的,没办法直接在 Mac/Linux 下使用.本文介绍一些替代方案(这些方案 ...

  3. bzoj2829

    裸题,直接上凸包,然后加上一个圆周即可 只是在这之前没写过旋转而已 const pi=3.14159265358979323; eps=1e-8; type point=record x,y:doub ...

  4. 4010: [HNOI2015]菜肴制作

    拓扑排序+堆. 转自popoqqq神犇. 反向建图跑拓扑排序然后逆序输出. 为什么不能正的来呢,因为不知道选当前菜要先制作哪种菜. 逆序过来跑拓扑的话,也能保证满足限制条件编号小的在前面. 题外话:我 ...

  5. bzoj1601: [Usaco2008 Oct]灌水

    经典延伸最小生成树问题... #include<cstdio> #include<cstring> #include<cctype> #include<alg ...

  6. [转：CSS3-前端] CSS3发光和多种图片处理

    原文链接:http://www.qianduan.net/css3-image-styles.html 一些上流的CSS3图片样式 神飞 发表于 24. Sep, 2011, 分类: CSS , 46 ...

  7. hdu 4666 Hyperspace（多维度最远曼哈顿距离）

    献上博文一篇http://hi.baidu.com/byplane747/item/53ca46c159e654bc0d0a7b8d 设维度为k,维护(1<<k)个优先队列,用来保存0~( ...

  8. POJ 1486 Sorting Slides (二分图关键匹配边)

    题意 给你n个幻灯片,每个幻灯片有个数字编号1~n,现在给每个幻灯片用A~Z进行编号,在该幻灯片范围内的数字都可能是该幻灯片的数字编号.问有多少个幻灯片的数字和字母确定的. 思路 确定幻灯片的数字就是 ...

  9. MVC&WebForm对照学习：传值方式

    刚从webform开发转到mvc,如果说像路由这样稍微复杂一点的知识点还可以暂时先放一放(前提是默认的路由规则基本满足大部分需求),那有个问题在快速开发中,我想是必须要当即解决的,那就是webform ...

  10. Mybatis学习——基本增删改查(CRUD)

    Eclipse+Mybatis+MySql 1.所需jar 2.项目目录 3.源代码 package com.zhengbin.entity; public class Student { priva ...