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 省地市级联选择
Feb 07 Javascript
IE6下出现JavaScript未结束的字符串常量错误的解决方法
Nov 21 Javascript
基于jquery ajax 用户无刷新登录方法详解
Apr 28 Javascript
JavaScript数组各种常见用法实例分析
Aug 04 Javascript
jQuery实现的导航动画效果(附demo源码)
Apr 01 Javascript
基于JS实现的随机数字抽签实例
Dec 08 Javascript
JS 学习总结之正则表达式的懒惰性和贪婪性
Jul 03 Javascript
Vue 2.0入门基础知识之内部指令详解
Oct 15 Javascript
分析JavaScript数组操作难点
Dec 18 Javascript
彻底弄懂 JavaScript 执行机制
Oct 23 Javascript
详解iframe跨域的几种常用方法(小结)
Apr 29 Javascript
vue中uni-app 实现小程序登录注册功能
Oct 12 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的人气开发框架Laravel
2015/10/15 PHP
浅析php如何实现App常用的秒发功能
2016/08/03 PHP
详解Laravel5.6 Passport实现Api接口认证
2018/07/27 PHP
nodejs实用示例 缩址还原
2010/12/28 NodeJs
jQuery cdn使用介绍
2013/05/08 Javascript
JavaScript常用验证函数实例汇总
2014/11/25 Javascript
详解JavaScript中的构造器Constructor模式
2016/01/14 Javascript
浅析$.getJSON异步请求和同步请求
2016/06/06 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
2016/07/19 Javascript
移动适配的几种方案(三种方案)
2016/11/25 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
2017/02/17 Javascript
JS html时钟制作代码分享
2017/03/03 Javascript
微信公众号菜单配置微信小程序实例详解
2017/03/31 Javascript
webpack学习--webpack经典7分钟入门教程
2017/06/28 Javascript
vue发送ajax请求详解
2018/10/09 Javascript
Vue + Elementui实现多标签页共存的方法
2019/06/12 Javascript
通过微信公众平台获取公众号文章的方法示例
2019/12/25 Javascript
vue实现公共方法抽离
2020/07/31 Javascript
详解Java中String JSONObject JSONArray List转换
2020/11/13 Javascript
详解微信小程序轨迹回放实现及遇到的坑
2021/02/02 Javascript
[43:53]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.22
2019/09/05 DOTA
在服务器端实现无间断部署Python应用的教程
2015/04/16 Python
两个元祖T1=('a', 'b'),T2=('c', 'd')使用匿名函数将其转变成[{'a': 'c'},{'b': 'd'}]的几种方法
2019/03/05 Python
Python Request爬取seo.chinaz.com百度权重网站的查询结果过程解析
2019/08/13 Python
Python性能分析工具Profile使用实例
2019/11/19 Python
pytorch 计算ConvTranspose1d输出特征大小方式
2020/06/23 Python
使用AJAX和Django获取数据的方法实例
2020/10/25 Python
美国优质马术服装购买网站:Breeches.com
2019/12/16 全球购物
工商学院毕业生个人自我评价
2013/09/19 职场文书
施工材料员岗位职责
2014/02/12 职场文书
运动会广播稿150字
2014/02/19 职场文书
广告传媒专业应届生求职信
2014/03/01 职场文书
歌颂祖国的演讲稿
2014/05/04 职场文书
单位工作证明书格式
2014/10/04 职场文书
正风肃纪剖析材料范文
2014/10/10 职场文书