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 相关文章推荐
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
Jan 15 Javascript
jQuery实用基础超详细介绍
Apr 11 Javascript
查找Oracle高消耗语句的方法
Mar 22 Javascript
Jquery实现仿腾讯微博发表广播
Nov 17 Javascript
html的DOM中Event对象onblur事件用法实例
Jan 21 Javascript
js实现可控制左右方向的无缝滚动效果
May 29 Javascript
jQuery实现可拖拽3D万花筒旋转特效
Jan 03 Javascript
jQuery编写设置和获取颜色的插件
Jan 09 Javascript
如何理解Vue的render函数的具体用法
Aug 30 Javascript
jQuery实现的页面弹幕效果【测试可用】
Aug 17 jQuery
详解vue高级特性
Jun 09 Javascript
ant design 日期格式化的实现
Oct 27 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/10/09 PHP
FleaPHP的安全设置方法
2008/09/15 PHP
php提示undefined index的几种解决方法
2012/05/21 PHP
WordPress主题中添加文章列表页页码导航的PHP代码实例
2015/12/22 PHP
PHP中读取文件的几个方法总结(推荐)
2016/06/03 PHP
php中通过eval实现字符串格式的计算公式
2017/03/18 PHP
详解php反序列化
2020/06/10 PHP
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
用JavaScript实现单继承和多继承的简单方法
2009/03/29 Javascript
9个javascript语法高亮插件 推荐
2009/07/18 Javascript
Javascript 面向对象编程(coolshell)
2012/03/18 Javascript
批量修改标签css样式以input标签为例
2014/07/31 Javascript
让JavaScript的Alert弹出框失效的方法禁止弹出警告框
2014/09/03 Javascript
JS实现从连接中获取youtube的key实例
2015/07/02 Javascript
JS实现的页面自定义滚动条效果
2015/10/26 Javascript
理解JS绑定事件
2016/01/19 Javascript
JavaScript中三种异步上传文件方式
2016/03/06 Javascript
jQuery实现table中的tr上下移动并保持序号不变的实例代码
2016/07/11 Javascript
AngularJS表单验证功能
2017/10/19 Javascript
详解vue 计算属性与方法跟侦听器区别(面试考点)
2018/04/23 Javascript
Django框架orM与自定义SQL语句混合事务控制操作
2019/06/27 Python
Django2 连接MySQL及model测试实例分析
2019/12/10 Python
基于MSELoss()与CrossEntropyLoss()的区别详解
2020/01/02 Python
解决json中ensure_ascii=False的问题
2020/04/03 Python
使用HTML5 Geolocation实现一个距离追踪器
2018/04/09 HTML / CSS
荷兰皇家航空公司官方网站:KLM Royal Dutch Airlines
2017/12/07 全球购物
英国花园、DIY、电器和家居用品商店:Robert Dyas
2019/03/18 全球购物
JSF面试题:Jsf中导航的标签是什么
2013/04/20 面试题
力学专业毕业生自荐信
2013/11/17 职场文书
房地产还款计划书
2014/01/10 职场文书
学校安全责任书
2014/04/14 职场文书
《小鹰学飞》教学反思
2014/04/23 职场文书
交通安全责任书范本
2014/07/24 职场文书
乡镇平安建设汇报材料
2014/08/25 职场文书
学会感恩主题班会
2015/08/12 职场文书
Nginx反向代理及负载均衡如何实现(基于linux)
2021/03/31 Servers