javascript代码实例教程-jQuery 的noConflict()的使用.

发布时间:2019-02-04 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jQuery 的noConflict()的使用.脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 我们项目现在需要用到两个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>

复制代码

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jQuery 的noConflict()的使用.全部内容,希望文章能够帮你解决javascript代码实例教程-jQuery 的noConflict()的使用.所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。