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 相关文章推荐
js常用数组操作方法简明总结
Jun 20 Javascript
JS实现可关闭的对联广告效果代码
Sep 14 Javascript
基于javascript实现简单的抽奖系统
Apr 15 Javascript
全面解析Bootstrap中scrollspy(滚动监听)的使用方法
Jun 06 Javascript
js实现tab切换效果
Feb 16 Javascript
Bootstrap警告框(Alert)插件使用方法
Mar 21 Javascript
js实现自动图片轮播代码
Mar 22 Javascript
JavaScript实现小球沿正弦曲线运动
Sep 07 Javascript
JavaScript刷新页面的几种方法总结
Mar 28 Javascript
Vue项目服务器部署之子目录部署方法
May 12 Javascript
VUEX-action可以修改state吗
Nov 19 Javascript
JS使用Chrome浏览器实现调试线上代码
Jul 23 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
生成静态页面的PHP类
2006/07/15 PHP
使用PHP维护文件系统
2006/10/09 PHP
PHP封装分页函数实现文本分页和数字分页
2014/10/23 PHP
Windows下Apache + PHP SESSION丢失的解决过程全纪录
2015/04/07 PHP
深入浅析Yii admin的权限控制
2016/08/31 PHP
php cookie 详解使用实例
2016/11/03 PHP
php输出形式实例整理
2020/05/05 PHP
可实现多表单提交的javascript函数
2007/08/01 Javascript
jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
2010/05/24 Javascript
让你的博文自动带上缩址的实现代码,方便发到微博客上
2010/12/28 Javascript
文件编码导致jquery失效的解决方法
2013/06/26 Javascript
javascript中expression的用法整理
2014/05/13 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
2014/09/01 Javascript
NodeJS学习笔记之Connect中间件模块(二)
2015/01/27 NodeJs
浅谈js中变量初始化
2015/02/03 Javascript
jQuery自动添加表单项的方法
2015/07/13 Javascript
浅析JavaScript 调试方法和技巧
2015/10/22 Javascript
jquery获取select选中值的方法分析
2015/12/22 Javascript
Javascript的表单与验证-非空验证
2016/03/18 Javascript
BootStrap智能表单实战系列(六)表单编辑页面的数据绑定
2016/06/13 Javascript
详解Vue 方法与事件处理器
2017/06/20 Javascript
分享19个JavaScript 有用的简写写法
2017/07/07 Javascript
浅谈vue-router路由切换 组件重用挖下的坑
2019/11/01 Javascript
[45:17]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第三场 1月9日
2021/03/11 DOTA
Python基于DES算法加密解密实例
2015/06/03 Python
pandas 读取各种格式文件的方法
2018/06/22 Python
python进程和线程用法知识点总结
2019/05/28 Python
PyQt5固定窗口大小的方法
2019/06/18 Python
CSS3制作炫酷的自定义发光文字
2016/03/28 HTML / CSS
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
飞利浦比利时官方网站:Philips比利时
2016/08/24 全球购物
LODI女鞋在线商店:阿利坎特的鞋类品牌
2019/02/15 全球购物
迪士尼英国官方商店:shopDisney UK
2019/09/21 全球购物
高二历史教学反思
2014/01/25 职场文书
党委工作总结2015
2015/04/27 职场文书
2015年行政管理人员工作总结
2015/10/15 职场文书