完美解决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支持的最大递归调用次数分析
Jun 24 Javascript
Javascript实现获取窗口的大小和位置代码分享
Dec 04 Javascript
js实现文件上传表单域美化特效
Nov 02 Javascript
JS实现倒计时(天数、时、分、秒)
Nov 16 Javascript
BootStrap中Table隐藏后显示问题的实现代码
Aug 31 Javascript
jQuery实现滚动效果
Nov 17 jQuery
Angular项目从新建、打包到nginx部署全过程记录
Dec 09 Javascript
vue中tab选项卡的实现思路
Nov 25 Javascript
通过jQuery学习js类型判断的技巧
May 27 jQuery
微信小程序实现张图片合成为一张并下载
Jul 16 Javascript
Vue的transition-group与Virtual Dom Diff算法的使用
Dec 09 Javascript
微信小程序中网络请求缓存的解决方法
Dec 29 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中可能用来加密字符串的函数[base64_encode、urlencode、sha1]
2012/01/16 PHP
PHP的PDO预定义常量讲解
2019/01/24 PHP
PHP网页缓存技术优点及代码实例
2020/07/29 PHP
Opacity.js
2007/01/22 Javascript
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
Javascript 代码也可以变得优美的实现方法
2009/06/22 Javascript
javascript的offset、client、scroll使用方法详解
2012/12/25 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
2013/11/07 Javascript
使用js判断当前时区TimeZone是否是夏令时
2014/02/23 Javascript
JavaScript实现的使用键盘控制人物走动实例
2014/08/27 Javascript
基于jquery实现ajax无刷新评论
2020/08/19 Javascript
原生js实现jquery函数animate()动画效果的简单实例
2016/08/21 Javascript
AngularJS中$http使用的简单介绍
2017/03/17 Javascript
ES6新特性之函数的扩展实例详解
2017/04/01 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
Node.js 如何利用异步提升任务处理速度
2019/01/07 Javascript
js模拟F11页面全屏显示
2019/09/17 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
2019/09/25 Javascript
JS call()及apply()方法使用实例汇总
2020/07/11 Javascript
Vue将props值实时传递 并可修改的操作
2020/08/09 Javascript
python使用正则搜索字符串或文件中的浮点数代码实例
2014/07/11 Python
Python查看微信撤回消息代码
2018/06/07 Python
python学生管理系统学习笔记
2019/03/19 Python
Django ORM 聚合查询和分组查询实现详解
2019/08/09 Python
python常量折叠基础知识点讲解
2021/02/28 Python
英国知名衬衫品牌美国网站:Charles Tyrwhitt美国
2016/08/28 全球购物
Hush Puppies澳大利亚官网:舒适的男女休闲和正装鞋
2019/08/24 全球购物
普通话宣传标语
2014/06/26 职场文书
英语四级考试作弊检讨书
2014/09/29 职场文书
2014年六五普法工作总结
2014/11/25 职场文书
离婚协议书范本
2015/01/26 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
2015年司机年终工作总结
2015/05/14 职场文书
求职信:求职应该注意的问题
2019/04/24 职场文书
送给火锅店的创意营销方案!
2019/07/08 职场文书
如何获取numpy array前N个最大值
2021/05/14 Python