完美解决jQuery符号$与其他javascript 库、框架冲突的问题


Posted in Javascript onAugust 09, 2016

目前有大量的 javascript 开发框架,其中有一部分使用 $ 作为调用符号,这可能导致相互之间的冲突,而 jQuery 为解决这个问题,可以在 jQuery 导入时放弃 $ 使用权,届时 $ 则由其它框架使用,这样可以避免相同名字的函数调用不再冲突。

jQuery 使用 noConflict 方法来放弃 $ 调用时的命名,之后由 jQuery 代替 $ 进行编写。

例如:alert($('#message').val());

必须修改为 alert(jQuery('#message').val());

jQuery 才能正常运行。

<script src="other_lib.js"></script>
<script src="jquery.js"></script>
<script>
 $.noConflict();
 // 之后将只能用 jQuery 进行调用
 jQuery('#message').val();
</script>

也可以重新定义 $ 进行调用

<script src="other_lib.js"></script>
<script src="jquery.js"></script>
<script>
$.noConflict();
jQuery( document ).ready(function( $ ) {
 // Code that uses jQuery's $ can follow here.
});
// Code that uses other library's $ can follow here.
</script>

换成 j 作为调用符号

var j = jQuery.noConflict();
 
// Do something with jQuery
j( "div p" ).hide();
 
// Do something with another library's $()
$( "content" ).style.display = "none";

以上这篇完美解决jQuery符号$与其他javascript 库、框架冲突的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 学习点滴记录
Apr 24 Javascript
flash 得到自身url参数的代码
Nov 15 Javascript
JQuery ztree带筛选、异步加载实例讲解
Feb 25 Javascript
d3.js实现立体柱图的方法详解
Apr 28 Javascript
layer实现关闭弹出层刷新父界面功能详解
Nov 15 Javascript
three.js中文文档学习之如何本地运行详解
Nov 20 Javascript
JavaScript中创建原子的方法总结
Aug 26 Javascript
JS中判断字符串存在和非空的方法
Sep 12 Javascript
JS数组求和的常用方法总结【5种方法】
Jan 14 Javascript
详解基于 Node.js 的轻量级云函数功能实现
Jul 08 Javascript
JavaScript实现简易计算器小功能
Oct 22 Javascript
关于javascript中的promise的用法和注意事项(推荐)
Jan 15 Javascript
jQuery对checkbox 复选框的全选全不选反选的操作
Aug 09 #Javascript
引用jquery框架后出错的解决方法
Aug 09 #Javascript
js实现常用排序算法
Aug 09 #Javascript
VC调用javascript的几种方法(推荐)
Aug 09 #Javascript
HTML页面,测试JS对C函数的调用简单实例
Aug 09 #Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
Aug 09 #Javascript
jQuery实现点击查看大图并以弹框的形式居中
Aug 08 #Javascript
You might like
php中一个有意思的日期逻辑处理
2012/03/25 PHP
windows下配置php5.5开发环境及开发扩展
2014/12/25 PHP
PHP获取用户访问IP地址的5种方法
2016/05/16 PHP
利用Laravel生成Gravatar头像地址的优雅方法
2017/12/30 PHP
PHP开发的文字水印,缩略图,图片水印实现类与用法示例
2019/04/12 PHP
用apply让javascript函数仅执行一次的代码
2010/06/27 Javascript
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
jQuery 源码分析笔记(6) jQuery.data
2011/06/08 Javascript
关于IE BUG与字符串截取substr的解决办法
2013/04/10 Javascript
浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
2013/07/09 Javascript
node.js中的buffer.fill方法使用说明
2014/12/14 Javascript
浅谈javascript语法和定时函数
2015/05/03 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
2016/01/22 Javascript
谈谈第三方App接入微信登录 解读
2016/12/27 Javascript
JS实现自定义状态栏动画文字效果示例
2017/10/12 Javascript
微信小程序实现tab切换效果
2017/11/21 Javascript
vue兄弟组件传递数据的实例
2018/09/06 Javascript
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
微信jssdk逻辑在vue中的运用详解
2018/11/14 Javascript
Nodejs中的require函数的具体使用方法
2019/04/02 NodeJs
通过说明与示例了解js五种设计模式
2019/06/17 Javascript
django中使用vue.js的要点总结
2019/07/07 Javascript
vue.js this.$router.push获取不到params参数问题
2020/03/03 Javascript
[03:40]DOTA2英雄梦之声_第01期_炼金术士
2014/06/23 DOTA
Python中的默认参数实例分析
2018/01/29 Python
python 给DataFrame增加index行名和columns列名的实现方法
2018/06/08 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
Pycharm保存不能自动同步到远程服务器的解决方法
2019/06/27 Python
python3中calendar返回某一时间点实例讲解
2020/11/18 Python
Aquatalia官网:意大利著名鞋履品牌
2019/09/26 全球购物
衰败城市英国官网:Urban Decay英国
2020/04/29 全球购物
英文简历中的自我评价
2013/10/06 职场文书
自查自纠工作总结
2014/10/15 职场文书
七年级上册语文教学计划
2015/01/22 职场文书
老公写给老婆的检讨书
2015/05/06 职场文书
德生BCL3000抢先使用感受和评价
2022/04/07 无线电