jQuery 的noConflict()的使用.
2014-02-28 11:46
477 查看
我们项目现在需要用到两个js库.一个是jQuery库,还有一个是我们自己开发的轻量级的gys.js库.
而gys库对外提供的接口也是$符号.和jQuery库是一样的,这个时候,两个库就会发生冲突了,我们就需要让jQuery的$让出来.
可以这样解决.
一:jQuery.js库的引用在gys.js前面.直接使用jQuery(),没有必要使用jQuery.noConflict()
二.jQuery.js库的引用在gys.js后面.需要使用jQuery.noConflict();
写法1:
写法2:
而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图片放大镜
- jquery 实用收藏
- 【转载】9个超酷的jQuery倒计时插件和教程
- html用jquery获取屏幕宽度与滚动条的关系
- Jquery禁止输入
- jquery 新增用户实例
- JQuery获取append后的动态元素:live()和on()
- Jquery 扩展方法
- jQuery的get()用法
- Croppic – 免费开源的 jQuery 图片裁剪插件
- JQuery 2.0很实用
- Jquery中正则表达式的应用小示例
- 使用jquery获取radio的值
- 可以直接拿来用的jQuery代码片段
- 使用jquery获取url以及jquery获取url参数的方法(转)
- 11 个最佳 jQuery 滚动条插件
- 时间倒计时
- jquery validate 自定义验证方法
- jquery操作全选或全不选
- jquery 获取某个元素下面所有事件