完美解决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 相关文章推荐
JQuery 学习笔记 选择器之一
Jul 23 Javascript
javascript setTimeout()传递函数参数(包括传递对象参数)
Apr 07 Javascript
js获得页面的高度和宽度的方法
Feb 23 Javascript
javascript 动态创建表格的2种方法总结
Mar 04 Javascript
JS+CSS实现Div弹出窗口同时背景变暗的方法
Mar 04 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
May 29 Javascript
AngularJS中filter的使用实例详解
Aug 25 Javascript
讲解vue-router之命名路由和命名视图
May 28 Javascript
详解基于vue-cli3快速发布一个fullpage组件
Mar 08 Javascript
JS常用排序方法实例代码解析
Mar 03 Javascript
使用vue实现HTML页面生成图片的方法
Mar 12 Javascript
36个正则表达式(开发效率提高80%)
Nov 17 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中$_REQUEST、$_POST、$_GET的区别和联系小结
2011/11/23 PHP
php检测网页是否被百度收录的函数代码
2013/10/09 PHP
Zend Framework教程之Application用法实例详解
2016/03/14 PHP
PHP基于timestamp和nonce实现的防止重放攻击方案分析
2019/07/26 PHP
JS 动态加载脚本的4种方法
2009/05/05 Javascript
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
2009/08/28 Javascript
jquery 单击li防止重复加载的实现代码
2010/12/24 Javascript
jQuery EasyUI API 中文文档 - ProgressBar 进度条
2011/09/29 Javascript
javascript实现的DES加密示例
2013/10/30 Javascript
jQuery弹出层插件Lightbox_me使用指南
2015/04/21 Javascript
JavaScript实现给按钮加上双重动作的方法
2015/08/14 Javascript
jQuery 如何给Carousel插件添加新的功能
2016/04/18 Javascript
设置cookie指定时间失效(实例代码)
2017/05/28 Javascript
浅谈VUE监听窗口变化事件的问题
2018/02/24 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
vue prop传值类型检验方式
2020/07/30 Javascript
Vue + Element-ui的下拉框el-select获取额外参数详解
2020/08/14 Javascript
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
2020/09/01 Javascript
Django自定义认证方式用法示例
2017/06/23 Python
python下载图片实现方法(超简单)
2017/07/21 Python
python负载均衡的简单实现方法
2018/02/04 Python
python中copy()与deepcopy()的区别小结
2018/08/03 Python
python语言中有算法吗
2020/06/16 Python
翻新二手苹果产品的网络领导者:Mac of all Trades
2017/12/19 全球购物
美国艺术和工艺品商店:Hobby Lobby
2020/12/09 全球购物
领先的荷兰线上超市:荷兰之家Holland at Home(支持中文)
2021/01/21 全球购物
三维科技面试题
2013/07/27 面试题
通信工程专业个人找工作求职信范文
2013/09/21 职场文书
幼儿师范毕业生自荐信
2013/11/09 职场文书
过程装备与控制工程专业个人的求职信
2013/12/01 职场文书
英文简历自荐信范文
2013/12/11 职场文书
关于环保的标语
2014/06/13 职场文书
租车协议书范本2014
2014/11/17 职场文书
员工年度工作总结2015
2015/05/18 职场文书
撤诉书怎么写
2015/05/19 职场文书
html+css实现文字折叠特效实例
2021/06/02 HTML / CSS