完美解决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 相关文章推荐
Code:loadScript( )加载js的功能函数
Feb 02 Javascript
利用location.hash实现跨域iframe自适应
May 04 Javascript
再谈javascript图片预加载技术(详细演示)
Mar 12 Javascript
script标签属性type与language使用选择
Dec 02 Javascript
仿百度的关键词匹配搜索示例
Sep 25 Javascript
javascript模拟枚举的简单实例
Mar 06 Javascript
jquery实现通用版鼠标经过淡入淡出效果
Jun 15 Javascript
jquery拖拽排序简单实现方法(效果增强版)
Feb 16 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
Nov 09 Javascript
微信小程序开发之麦克风动画 帧动画 放大 淡出
Apr 18 Javascript
微信小程序 实现点击添加移除class
Jun 12 Javascript
webpack+vue中使用别名路径引用静态图片地址
Nov 20 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
smarty基础之拼接字符串的详解
2013/06/18 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
PHP封装XML和JSON格式数据接口操作示例
2019/03/06 PHP
javaScript Array(数组)相关方法简述
2009/07/25 Javascript
javascript 日期常用的方法
2009/11/11 Javascript
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
深入浅析JavaScript中的constructor
2016/04/19 Javascript
基于Echarts 3.19 制作常用的图形(非静态)
2016/05/19 Javascript
基于JavaScript实现的希尔排序算法分析
2017/04/14 Javascript
nodeJS实现简单网页爬虫功能的实例(分享)
2017/06/08 NodeJs
webpack 插件html-webpack-plugin的具体使用
2018/04/09 Javascript
浅谈AngularJS中$http服务的简单用法
2018/05/15 Javascript
Webpack中雪碧图插件使用详解
2018/05/25 Javascript
ES6知识点整理之函数对象参数默认值及其解构应用示例
2019/04/17 Javascript
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
解决echarts图表使用v-show控制图表显示不全的问题
2020/07/19 Javascript
Python Tkinter简单布局实例教程
2014/09/03 Python
Python中的MongoDB基本操作:连接、查询实例
2015/02/13 Python
在Python中使用__slots__方法的详细教程
2015/04/28 Python
python条件变量之生产者与消费者操作实例分析
2017/03/22 Python
用Pygal绘制直方图代码示例
2017/12/07 Python
详解python 拆包可迭代数据如tuple, list
2017/12/29 Python
matplotlib subplots 调整子图间矩的实例
2018/05/25 Python
解决python selenium3启动不了firefox的问题
2018/10/13 Python
python读取图像矩阵文件并转换为向量实例
2020/06/18 Python
Visual Studio code 配置Python开发环境
2020/09/11 Python
你所在的项目是如何确定版本号的
2015/12/28 面试题
Unix/Linux开发面试题
2016/08/16 面试题
小学教师寄语大全
2014/04/03 职场文书
奥林匹克运动会口号
2014/06/19 职场文书
法学专业大学生实习自我鉴定
2014/10/05 职场文书
毕业实习证明(4篇)
2014/10/28 职场文书
收银员岗位职责
2015/02/03 职场文书
辩护词范文大全
2015/05/21 职场文书
学生会主席任命书
2015/09/21 职场文书
python xlwt模块的使用解析
2021/04/13 Python