完美解决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 CSS修改学习第一章 查找位置
Feb 19 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
Jan 30 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
Aug 11 Javascript
不想让浏览器运行javascript脚本的方法
Nov 20 Javascript
基于jquery实现下拉框美化特效
Feb 02 Javascript
AngularJS 与Bootstrap实现表格分页实例代码
Oct 14 Javascript
bootstrap日历插件datetimepicker使用方法
Dec 14 Javascript
通过AngularJS实现图片上传及缩略图展示示例
Jan 03 Javascript
谈谈对vue响应式数据更新的误解
Aug 01 Javascript
Vue watch响应数据实现方法解析
Jul 10 Javascript
Node.js web 应用如何封装到Docker容器中
Sep 01 Javascript
Vue实现开关按钮拖拽效果
Sep 22 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设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
用Javascript读取中文COOKIE的解决办法
2007/02/15 Javascript
javascript-TreeView父子联动效果保持节点状态一致
2007/08/12 Javascript
JQuery 学习笔记 选择器之一
2009/07/23 Javascript
JavaScript实现GriwView单列全选(自写代码)
2013/05/13 Javascript
javaScript arguments 对象使用介绍
2013/10/18 Javascript
Javascript脚本实现静态网页加密实例代码
2013/11/05 Javascript
Jquery节点遍历next与nextAll方法使用示例
2014/07/22 Javascript
输入框过滤非数字的js代码
2014/09/18 Javascript
JavaScript ParseFloat()方法
2015/12/18 Javascript
vue下跨域设置的相关介绍
2017/08/26 Javascript
vue element自定义表单验证请求后端接口验证
2019/12/11 Javascript
JS实现简易计算器
2020/02/14 Javascript
JS实现简易留言板(节点操作)
2020/03/16 Javascript
VUE中鼠标滚轮使div左右滚动的方法详解
2020/12/14 Vue.js
[01:00:06]加油DOTA_EP01_网络版
2014/08/09 DOTA
Python正则表达式介绍
2012/08/06 Python
python利用不到一百行代码实现一个小siri
2017/03/02 Python
Python + OpenCV 实现LBP特征提取的示例代码
2019/07/11 Python
解决Jupyter NoteBook输出的图表太小看不清问题
2020/04/16 Python
Django haystack实现全文搜索代码示例
2020/11/28 Python
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
2016/11/21 HTML / CSS
html5 初试 indexedDB(推荐)
2016/07/21 HTML / CSS
数控技术专业毕业自荐书范文
2014/02/05 职场文书
2014年公司迎新年活动方案
2014/02/24 职场文书
物流管理毕业生自荐信范文
2014/03/15 职场文书
生日主持词
2014/03/20 职场文书
《明天,我们毕业》教学反思
2014/04/24 职场文书
2014机关党员干部“正风肃纪”思想汇报
2014/09/15 职场文书
医院护士党的群众路线教育实践活动对照检查材料思想汇报
2014/10/04 职场文书
2014年个人工作总结范文
2014/11/07 职场文书
地方课程教学计划
2015/01/19 职场文书
失职检讨书大全
2015/01/26 职场文书
2016年感恩父亲节活动总结
2016/04/01 职场文书
导游词之长城八达岭
2019/09/24 职场文书
MySQL分区表管理命令汇总
2022/03/21 MySQL