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 相关文章推荐
推荐:极酷右键菜单
Nov 29 Javascript
基于JQuery 的消息提示框效果代码
Jul 31 Javascript
event.X和event.clientX的区别分析
Oct 06 Javascript
js判断两个日期是否相等的方法
Sep 10 Javascript
jquery实现兼容浏览器的图片上传本地预览功能
Oct 14 Javascript
转换字符串为json对象的方法详解
Nov 29 Javascript
使用JS获取当前地理位置方法汇总
Dec 18 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
浅析angularJS中的ui-router和ng-grid模块
May 20 Javascript
解决浏览器会自动填充密码的问题
Apr 28 Javascript
ElementUI radio组件选中小改造
Aug 12 Javascript
比较node.js和Deno
Apr 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
POSIX 风格和兼容 Perl 风格两种正则表达式主要函数的类比(preg_match, preg_replace, ereg, ereg_replace)
2010/10/12 PHP
php时区转换转换函数
2014/01/07 PHP
php统计数组元素个数的方法
2015/07/02 PHP
PHP迭代器和迭代的实现与使用方法分析
2018/04/19 PHP
Nigma vs Alliance BO5 第一场2.14
2021/03/10 DOTA
使用prototype.js 的时候应该特别注意的几个问题.
2007/04/12 Javascript
[原创]来自ImageSee官方 JavaScript图片浏览器
2008/01/16 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
2013/05/19 Javascript
如何用JavaScript定义一个类
2014/09/12 Javascript
js判断手机和pc端选择不同执行事件的方法
2015/01/30 Javascript
jquery对dom节点的操作【推荐】
2016/04/15 Javascript
JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
2016/06/14 Javascript
js实现点击图片自动提交action的简单方法
2016/10/16 Javascript
关于Jquery中的bind(),on()绑定事件方式总结
2016/10/26 Javascript
给easyui datebox扩展一个清空的实例
2016/11/09 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
2017/03/24 jQuery
angular4 如何在全局设置路由跳转动画的方法
2017/08/30 Javascript
js实现手机web图片左右滑动效果
2017/12/29 Javascript
Spring Boot/VUE中路由传递参数的实现代码
2018/03/02 Javascript
浅谈Node.js 沙箱环境
2018/05/15 Javascript
浅谈Vue CLI 3结合Lerna进行UI框架设计
2019/04/14 Javascript
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 jQuery
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
CKeditor4 字体颜色功能配置方法教程
2019/06/26 Javascript
jquery实现直播弹幕效果
2019/11/28 jQuery
js 动态校验开始结束时间的实现代码
2020/05/25 Javascript
Vue 中使用lodash对事件进行防抖和节流操作
2020/07/26 Javascript
Openlayers学习之加载鹰眼控件
2020/09/28 Javascript
计算机二级python学习教程(3) python语言基本数据类型
2019/05/16 Python
python创建学生管理系统
2019/11/22 Python
CSS3弹性布局内容对齐(justify-content)属性使用详解
2017/07/31 HTML / CSS
Trina Turk官网:美国时装和泳装品牌
2018/06/10 全球购物
房屋改造计划书
2014/01/10 职场文书
年度考核自我鉴定
2014/02/02 职场文书
简历中自我评价怎么写
2014/02/12 职场文书
退休党员个人对照检查材料思想汇报
2014/09/29 职场文书