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 相关文章推荐
如何简单地用YUI做JavaScript动画
Mar 10 Javascript
JS 实现列表与多选框选择附预览动画
Oct 29 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
Oct 08 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
Oct 23 Javascript
jquery实现邮箱自动填充提示功能
Nov 17 Javascript
微信小程序中使用Promise进行异步流程处理的实例详解
Aug 17 Javascript
Vue官方推荐AJAX组件axios.js使用方法详解与API
Oct 09 Javascript
angularjs请求数据的方法示例
Aug 06 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
Feb 05 Javascript
原生JS实现萤火虫效果
Mar 07 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
Aug 13 Javascript
Javascript中Math.max和Math.max.apply的区别和用法详解
Aug 24 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 chr() ord()中文截取乱码问题解决方法
2008/09/08 PHP
Laravel 5框架学习之环境与配置
2015/04/08 PHP
weiphp微信公众平台授权设置
2016/01/04 PHP
浅谈php中curl、fsockopen的应用
2016/12/10 PHP
php实现与python进行socket通信的方法示例
2017/08/30 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
在laravel中实现事务回滚的方法
2019/10/10 PHP
javascript 写的一个简单的timer
2009/07/30 Javascript
JQuery的自定义事件代码,触发,绑定简单实例
2013/08/01 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
2015/07/15 Javascript
jquery ztree实现树的搜索功能
2016/02/25 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
2017/03/03 Javascript
bootstrap时间插件daterangepicker使用详解
2017/10/19 Javascript
AngularJS实现的锚点楼层跳转功能示例
2018/01/02 Javascript
Node.js使用cookie保持登录的方法
2018/05/11 Javascript
vuejs实现折叠面板展开收缩动画效果
2018/09/06 Javascript
jQuery中DOM操作原则实例分析
2019/08/01 jQuery
在vue项目实现一个ctrl+f的搜索功能
2020/02/28 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
2020/11/17 Vue.js
vue中h5端打开app(判断是安卓还是苹果)
2021/02/26 Vue.js
[43:41]OG vs Newbee 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
深入分析在Python模块顶层运行的代码引起的一个Bug
2014/07/04 Python
python实现中文分词FMM算法实例
2015/07/10 Python
Python实现去除列表中重复元素的方法小结【4种方法】
2018/04/27 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
在Python中如何传递任意数量的实参的示例代码
2019/03/21 Python
Python3标准库之functools管理函数的工具详解
2020/02/27 Python
基于keras中的回调函数用法说明
2020/06/17 Python
CSS3制作圆形滚动进度条动画的示例
2020/11/05 HTML / CSS
Html5嵌入钉钉的实现示例
2020/06/04 HTML / CSS
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
加拿大专业美发产品购物网站:Chatters
2021/02/28 全球购物
无刑事犯罪记录证明
2014/09/18 职场文书
党的群众路线教育实践活动个人对照检查材料(乡镇)
2014/11/05 职场文书
2014年社区矫正工作总结
2014/11/18 职场文书
体育教师研修感悟
2015/11/18 职场文书