我们项目现在需要用到两个js库.一个是jQuery库,还有一个是我们自己开发的轻量级的gys.js库.

而gys库对外提供的接口也是$符号.和jQuery库是一样的,这个时候,两个库就会发生冲突了,我们就需要让jQuery的$让出来.

可以这样解决.

一:jQuery.js库的引用在gys.js前面.直接使用jQuery(),没有必要使用jQuery.noConflict()

 <head runat="server">

     <title></title>

     <script src="jquery1.7.js" type="text/javascript"></script>

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

 </head>
 <script src="jquery1.7.js" type="text/javascript"></script>

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

 <script type="text/javascript">

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

             jQuery("#btn").click(function () {

                 alert(jQuery(this).val());

             });

         });

         $("p").style.display="none";//gys库的使用

     </script>

二.jQuery.js库的引用在gys.js后面.需要使用jQuery.noConflict();

写法1:

 <title></title>

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

     <script src="jquery1.7.js" type="text/javascript"></script>
 <script src="gys.js" type="text/javascript"></script>

 <script src="jquery1.7.js" type="text/javascript"></script>

 <script type="text/javascript">

         jQuery.noConflict(); //将jQuery的$让渡出去.

         jQuery(function () {

             jQuery("#btn").click(function () {

                       alert(jQuery(this).val());

                   });

               });

      $("p").style.color = "red"; //gys库的使用

 </script>

写法2:

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

    <script src="jquery1.7.js" type="text/javascript"></script>

    <script type="text/javascript">

        var guo = jQuery.noConflict(); //将jQuery的$让渡给新的变量guo.

        guo(function ($) {

            $("#btn").click(function () {

                      alert($(this).val());

                  });

              });

     $("p").style.color = "red"; //gys库的使用

    </script>

jQuery 的noConflict()的使用.的更多相关文章

  1. jQuery之noConflict() 方法

    jQuery 核心 - noConflict() 方法,运行这个函数将变量 $ 的控制权让渡给第一个实现它的那个库.这有助于确保jQuery不会与其他库的$对象发生冲突. noConflict() 方 ...

  2. jQuery用noConflict代替$

    js框架很多的情况下,很容易出现冲突,建议使用noConflict代替$ //消除$对jquery缩写 $.noConflict(); //使用了noConflict后,用$就会无效,应用jQuery ...

  3. jQuery静态方法noConflict的使用和源码分析

    所谓静态方法是jQuery本身得公共方法,并不需要通过实例化来调用,一般也称为工具方法,下面先来列绝下jQuery.noConflict方法的用法: noConflict() 方法让渡变量 $ 的 j ...

  4. jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法

    原文地址:http://www.w3school.com.cn/jquery/manipulation_detach.asp   实例 使用 noConflict() 方法为 jQuery 变量规定新 ...

  5. jQuery库(noConflict)冲突解决机制

    很多JSFramework库选择使用$符号作为一个函数或变量名,而在实际的项目开发,模板语言,则有可能"$"符号是模板语言keyword.例如Veclocity模板语言,$它是ke ...

  6. jQuery 核心 - noConflict() 方法[避免冲突的方法]

    定义和用法 noConflict() 方法让渡变量 $ 的 jQuery 控制权. 语法 jQuery.noConflict([removeAll]) 参数描述removeAll布尔值.指示是否允许彻 ...

  7. jquery Ajax noConflict()

    如果幾個框架都在使用$作為標識符,那麼這個時候可以使用noConflict()處理衝突. 可以直接使用jquery代替簡寫,也可以定義變量,也可以將$賦值給ready函數,函數內部可以使用快捷方式,不 ...

  8. jQuery 核心 - noConflict() 方法

    1.遇到问题: 当我们写jquery时使用$,发现写的jquery全部失效: 2.发现问题: 排查后发现是noConflict()函数在作怪,因为使用noConflict()函数后,重新定义$名字为j ...

  9. jQuery的noConflict以及插件扩展

    一.noConflict函数 JavaScript有很多插件,如果jQuery对象的$与其他插件冲突,我们可以使用noConflict()方法去掉$或者使用其他的符号代替 注:noConflict() ...

随机推荐

  1. Mac 下配置php环境

    Mac OS X 内置了Apache 和 PHP,这样使用起来非常方便.本文以Mac OS X 10.6.3为例.主要内容包括: 启动Apache 运行PHP 安装MySQL 使用phpMyAdmin ...

  2. 玩转TypeScript(3)--类型转换

    使用强类型变量常常需要从一种类型向另一种类型转换,通常使用ToString或ParseInt可以来实现一些简单的转换,但是有时候需要像.NET语言中那样将一种类型显示的转换为另一种类型,在TypeSc ...

  3. 微信小程序代码片段

    微信小程序代码片段是一种可分享的小项目,可用于分享小程序和小游戏的开发经验.展示组件和 API 的使用.复现开发问题等等.分享代码片段会得到一个链接,所有拥有此分享链接的人可以在工具中导入此代码片段. ...

  4. shell 脚本实战笔记(2)--环境变量PATH的恩怨情仇

    在linux环境下, 相信大家对环境变量PATH, 多多少少有所接触, 这边讲讲PATH的在linux的前世因缘. 先讲讲一个列子 假如我们在为一个新的应用配置其PATH路径中时,  不小心忽略了原先 ...

  5. 【机器学习算法】cascade classifier级联分类器

    前言 参考 1.级联分类器: 完

  6. 南阳oj-ASCII码排序-用了一个晚上

    #include <iostream> #include <sstream> #include <stdio.h> #include <string> ...

  7. S5PV210 移植无线wifi网卡 MT7601

    一.准备工作 1.MT7601驱动下载 点击下载 2.插入usb WiFi 启动开发板linux,lsusb查看usb驱动 Bus 001 Device 003: ID 148f:7601看到的是该驱 ...

  8. 从操作系统rm数据文件后，利用句柄与rman恢复的过程。（已验证）

    以下操作代码的流程是配的,但是相应的文件名,啥的   必须改动. 故障现象 数据文件被误删除 具体情况 接到反馈说,数据文件data20120512.dbf被误删除,需要恢复 数据库提示 ERROR ...

  9. bzoj 4772 显而易见的数论——拆分数（五边形数定理）+线性筛

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=4772 题解:https://blog.csdn.net/Dream_Lolita/artic ...

  10. ASM配置管理

    http://blog.chinaunix.net/uid-22646981-id-3060280.htmlhttp://blog.sina.com.cn/s/blog_6a5aa0300102uys ...