jQuery 的noConflict()的使用.
jQuery 使用
2023-09-11 14:22:25 时间
我们项目现在需要用到两个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>
相关文章
- jquery中事件委派代码分析以及jQuery中delegate和on的用法与区别详细解析
- JQuery使用总结
- JS框架_(JQuery.js)模拟刮奖
- 解决同一页面jQuery多个版本或和其他js库冲突方法
- jQuery源码分析系列(37) : Ajax 总结
- 使用jquery-easyui写的CRUD插件(1)
- 第二百节,jQuery EasyUI,Tabs(选项卡)组件
- jquery背景backgroundPosition插件
- jquery遍历:数组、对象、json
- JQuery模板插件jquery.tmpl-动态ajax扩展
- 电子签章盖章之jQuery插件jquery.zsign
- jQuery EasyUI 折叠面板accordion的使用实例
- SAP UI5应用里使用jQuery.ajax异步读取xml文档并显示在SAP UI5应用界面上
- 使用 jQuery 查询属性不包含 disabled 的 input radio
- jQuery图片瀑布流demo效果示例(整理)jQuery瀑布流效果
- jQuery控制input的字数
- jQuery UI 实例 - 切换 Class(Toggle Class)
- 盘点用jQuery框架实现“for循环”的四种方式!
- jquery插件jTemplates使用方法
- 使用JQuery、Ajax来调用WebService服务
- js-jquery-插件开发(一)
- jquery 中一些 特殊方法 的特殊使用 一览表
- 如何使用jquery - ui 的图标icons 及图标的相对位置 +jquerui是如何来显示图标的?
- jquery-easyui 树的使用笔记
- 理解JQuery中的data()使用方法
- jquery使用FormData提交数据
- jquery案例17——手机端监听点击、长按、移动事件