完美解决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 相关文章推荐
自己开发Dojo的建议框架
Sep 24 Javascript
JavaScript实现QueryString获取GET参数的方法
Jul 02 Javascript
原生js和jquery实现图片轮播淡入淡出效果
Apr 23 Javascript
JavaScript返回上一页的三种方法及区别介绍
Jul 04 Javascript
javascript实现在线客服效果
Jul 15 Javascript
简单掌握JavaScript中const声明常量与变量的用法
May 21 Javascript
JavaScript对象数组排序实例方法浅析
Jun 15 Javascript
AngularJS 指令的交互详解及实例代码
Sep 14 Javascript
jquery分页优化操作实例分析
Aug 23 jQuery
vue中使用element组件时事件想要传递其他参数的问题
Sep 18 Javascript
layui写后台表格思路和赋值用法详解
Nov 14 Javascript
JS数组方法concat()用法实例分析
Jan 18 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小偷程序的设计与实现方法详解
2016/10/15 PHP
php中preg_replace正则替换用法分析【一次替换多个值】
2017/01/17 PHP
yii2中关于加密解密的那些事儿
2018/06/12 PHP
Laravel 数据库加密及数据库表前缀配置方法
2019/10/10 PHP
csdn 批量接受好友邀请
2009/02/19 Javascript
EasySlider 基于jQuery功能强大简单易用的滑动门插件
2010/06/11 Javascript
Jquery实现Div上下移动示例
2014/04/23 Javascript
jQuery中last()方法用法实例
2015/01/06 Javascript
深入解读JavaScript中的Iterator和for-of循环
2015/07/28 Javascript
将页面table内容与样式另存成excel文件的方法
2015/08/05 Javascript
jquery如何获取元素的滚动条高度等实现代码
2015/10/19 Javascript
实例详解AngularJS实现无限级联动菜单
2016/01/15 Javascript
js 输入框 正则表达式(菜鸟必看教程)
2017/02/19 Javascript
Angular2使用vscode断点调试ts文件的方法
2017/12/13 Javascript
node puppeteer(headless chrome)实现网站登录
2018/05/09 Javascript
使用jQuery动态设置单选框的选中效果
2018/12/06 jQuery
傻瓜式vuex语法糖kiss-vuex整理
2018/12/21 Javascript
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
如何优雅地在vue中添加权限控制示例详解
2019/03/07 Javascript
javascript使用substring实现的展开与收缩文字功能示例
2019/06/17 Javascript
vue计算属性+vue中class与style绑定(推荐)
2020/03/30 Javascript
Python实现的数据结构与算法之快速排序详解
2015/04/22 Python
windows下python安装paramiko模块和pycrypto模块(简单三步)
2017/07/06 Python
tensorflow获取变量维度信息
2018/03/10 Python
matplotlib.pyplot画图 图片的二进制流的获取方法
2018/05/24 Python
解决Shell执行python文件,传参空格引起的问题
2018/10/30 Python
手把手教你pycharm专业版安装破解教程(linux版)
2019/09/26 Python
使用celery和Django处理异步任务的流程分析
2020/02/19 Python
最新2019Pycharm安装教程 亲测
2020/02/28 Python
简单了解Django项目应用创建过程
2020/07/06 Python
Python基于mediainfo批量重命名图片文件
2020/12/29 Python
迪卡侬英国官网:Decathlon英国
2017/04/08 全球购物
2014年团工作总结
2014/11/27 职场文书
学校体育节班级口号
2015/12/25 职场文书
Python深度学习之Pytorch初步使用
2021/05/20 Python
简单聊聊Golang中defer预计算参数
2022/03/25 Golang