jQuery 的noConflict()的使用.

最新推荐文章于 2024-08-30 20:29:15 发布

我爱丁丁猫

最新推荐文章于 2024-08-30 20:29:15 发布

阅读量140

点赞数

分类专栏：前端文章标签： jquery javascript web前端

原文链接：https://www.mk2048.com/blog/blog.php?id=h1ii1jabaaaa&title=jQuery+%E7%9A%84noConflict%28%29%E7%9A%84%E4%BD%BF%E7%94%A8.

版权

前端专栏收录该内容

1898 篇文章 4 订阅

订阅专栏

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

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

可以这样解决.

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

1 <head runat="server">
2     <title></title>
3     <script src="jquery1.7.js" type="text/javascript"></script>
4     <script src="gys.js" type="text/javascript"></script>
5 </head>

 1 <script src="jquery1.7.js" type="text/javascript"></script>
 2 <script src="gys.js" type="text/javascript"></script>
 3 <script type="text/javascript">
 4         jQuery(function () {//jQuery的使用
 5             jQuery("#btn").click(function () {
 6                 alert(jQuery(this).val());
 7             });
 8         });
 9         $("p").style.display="none";//gys库的使用
10     </script>

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

写法1:

1 <title></title>
2     <script src="gys.js" type="text/javascript"></script>
3     <script src="jquery1.7.js" type="text/javascript"></script>

 1 <script src="gys.js" type="text/javascript"></script>
 2 <script src="jquery1.7.js" type="text/javascript"></script>
 3 <script type="text/javascript">
 4         jQuery.noConflict(); //将jQuery的$让渡出去.
 5         jQuery(function () { 
 6             jQuery("#btn").click(function () {
 7                       alert(jQuery(this).val());
 8                   });
 9               });
10      $("p").style.color = "red"; //gys库的使用
11 </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>

我爱丁丁猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery 的noConflict()的使用.

我们项目现在需要用到两个js库.一个是jQuery库,还有一个是我们自己开发的轻量级的gys.js库. 而gys库对外提供的接口也是$符号.和jQuery库是一样的,这个时候,两个库就会发生冲突了,我...
复制链接

扫一扫