jQuery 美元符冲突的解决方法


Posted in Javascript onMarch 28, 2010

如下代码:

jQuery.noConflict(); 
jQuery(document).ready(function(){ //Your Code.... 
});

jQuery.noConflict() 的详细介绍:
概述
运行这个函数将变量$的控制权让渡给第一个实现它的那个库,这有助于确保jQuery不会与其他库的$对象发生冲突,在运行这个函数后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$("div p")的地方,就必须换成jQuery("div p")。
注意:这个函数必须在你导入jQuery文件之后,并且在导入另一个导致冲突的库之前使用。当然也应当在其他冲突的库被使用之前,除非jQuery是最后一个导入的。
描述:
将$引用的对象映射回原始的对象。
jQuery 代码:
jQuery.noConflict(); 
// 使用 jQuery 
jQuery("div p").hide(); 
// 使用其他库的 $() 
$("content").style.display = 'none';

描述:
恢复使用别名$,然后创建并执行一个函数,在这个函数的作用域中仍然将$作为jQuery的别名来使用。在这个函数中,原来的$对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效。
jQuery 代码:
jQuery.noConflict(); 
(function($) { 
$(function() { 
// 使用 $ 作为 jQuery 别名的代码 
}); 
})(jQuery); 
// 其他用 $ 作为别名的库的代码

描述:
创建一个新的别名用以在接下来的库中使用jQuery对象。
jQuery 代码:
var j = jQuery.noConflict(); 
// 基于 jQuery 的代码 
j("div p").hide(); 
// 基于其他库的 $() 代码 
$("content").style.display = 'none';
Javascript 相关文章推荐
Javascript里使用Dom操作Xml
Sep 20 Javascript
基于jquery的Repeater实现代码
Jul 17 Javascript
JavaScript 判断日期格式是否正确的实现代码
Jul 04 Javascript
jQuery向后台传入json格式数据的方法
Feb 13 Javascript
为何JS操作的href都是javascript:void(0);呢
Nov 12 Javascript
限制只能输入数字的实现代码
May 16 Javascript
JS Select下拉框(支持输入模糊查询)
Feb 04 Javascript
学习React中ref的两个demo示例
Aug 14 Javascript
跨域解决之JSONP和CORS的详细介绍
Nov 21 Javascript
ajax跨域访问遇到的问题及解决方案
May 23 Javascript
electron实现静默打印的示例代码
Aug 12 Javascript
vue基本使用--refs获取组件或元素的实例
Nov 07 Javascript
分享十五个最佳jQuery 幻灯插件和教程
Mar 27 #Javascript
Jquery 1.42 checkbox 全选和反选代码
Mar 27 #Javascript
网络图片延迟加载实现代码 超越jquery控件
Mar 27 #Javascript
JQuery的一些小应用收集
Mar 27 #Javascript
Visual Studio中的jQuery智能提示设置方法
Mar 27 #Javascript
Jquery 滑入滑出效果实现代码
Mar 27 #Javascript
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
Mar 27 #Javascript
You might like
mysql总结之explain
2012/02/27 PHP
用PHP提取中英文词语以及数字的首字母的方法介绍
2013/04/23 PHP
详解php魔术方法(Magic methods)的使用方法
2016/02/14 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
关于PHP中协程和阻塞的一些理解与思考
2017/08/11 PHP
Yii 访问 Gii(脚手架)时出现 403 错误
2018/06/06 PHP
JavaScript 格式字符串的应用
2010/03/29 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
2013/05/28 Javascript
jQuery 中$(this).index与$.each的使用指南
2014/11/20 Javascript
javascript实现仿腾讯游戏选择
2015/05/14 Javascript
js获取页面引用的css样式表中的属性值方法(推荐)
2016/08/19 Javascript
基于Three.js插件制作360度全景图
2016/11/29 Javascript
angular 实时监听input框value值的变化触发函数方法
2018/08/31 Javascript
vue  自定义组件实现通讯录功能
2018/09/30 Javascript
微信小程序时间轴实现方法示例
2019/01/14 Javascript
js中关于Blob对象的介绍与使用
2019/11/29 Javascript
vue基于better-scroll仿京东分类列表
2020/06/30 Javascript
[05:39]2014DOTA2国际邀请赛 DK晋级胜者组专访战队国士无双
2014/07/14 DOTA
pydev使用wxpython找不到路径的解决方法
2013/02/10 Python
浅谈function(函数)中的动态参数
2017/04/30 Python
python在ubuntu中的几种安装方法(小结)
2017/12/08 Python
Django之路由层的实现
2019/09/09 Python
使用Python实现画一个中国地图
2019/11/23 Python
从numpy数组中取出满足条件的元素示例
2019/11/26 Python
jupyter lab文件导出/下载方式
2020/04/22 Python
SheIn俄罗斯:时尚女装网上商店
2017/02/28 全球购物
高中生毕业自我鉴定
2013/10/10 职场文书
大四学生毕业自荐信
2013/11/07 职场文书
大学生新闻专业个人自我评价
2013/11/12 职场文书
迎接领导欢迎词
2014/01/11 职场文书
给小学生的新年寄语
2014/04/04 职场文书
2014公司党员自我评价范文
2014/09/11 职场文书
财务人员个人工作总结
2015/02/27 职场文书
2015年初中教务处工作总结
2015/07/21 职场文书
导游词之南京汤山温泉
2019/11/26 职场文书
如何Tomcat中使用ipv6地址
2022/05/06 Servers