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 CSS去除IE链接虚线框的三种方法
Nov 14 Javascript
jquery解析XML字符串和XML文件的方法说明
Feb 21 Javascript
jQuery控制TR显示隐藏的三种常用方法
Aug 21 Javascript
用js传递value默认值的示例代码
Sep 11 Javascript
学习JavaScript设计模式之单例模式
Jan 19 Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
Jun 22 Javascript
简单实现js选项卡切换效果
Feb 09 Javascript
Node.js读取文件内容示例
Mar 07 Javascript
Vue2.0 http请求以及loading展示实例
Mar 06 Javascript
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
May 04 jQuery
Vue-cli打包后如何本地查看的操作
Sep 02 Javascript
vue3.0 的 Composition API 的使用示例
Oct 26 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 str_pad() 将字符串填充成指定长度的字符串
2010/02/23 PHP
php cc攻击代码与防范方法
2012/10/18 PHP
让CodeIgniter数据库缓存自动过期的处理的方法
2014/06/12 PHP
PHP实现发送邮件的方法(基于简单邮件发送类)
2015/12/17 PHP
变量在 PHP7 内部的实现(一)
2015/12/21 PHP
PHP带节点操作的无限分类实现方法详解
2016/11/09 PHP
PHP利用Socket获取网站的SSL证书与公钥
2017/06/18 PHP
JavaScript Prototype对象
2009/01/07 Javascript
Js 弹出框口并返回值的两种常用方法
2010/12/30 Javascript
28个常用JavaScript方法集锦
2015/01/14 Javascript
AngularJS使用指令增强标准表单元素功能
2016/07/01 Javascript
关于js函数解释(包括内嵌,对象等)
2016/11/20 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
JavaScript实现图片瀑布流和底部刷新
2017/01/02 Javascript
深究AngularJS中$sce的使用
2017/06/12 Javascript
解决微信小程序防止无法回到主页的问题
2018/09/28 Javascript
ZK中使用JS读取客户端txt文件内容问题
2019/11/07 Javascript
将Python代码嵌入C++程序进行编写的实例
2015/07/31 Python
Python使用django框架实现多人在线匿名聊天的小程序
2017/11/29 Python
对numpy 数组和矩阵的乘法的进一步理解
2018/04/04 Python
python实现Dijkstra算法的最短路径问题
2019/06/21 Python
Python绘制频率分布直方图的示例
2019/07/08 Python
Linux下通过python获取本机ip方法示例
2019/09/06 Python
基于python和flask实现http接口过程解析
2020/06/15 Python
python批量生成条形码的示例
2020/10/10 Python
使用python对excel表格处理的一些小功能
2021/01/25 Python
css3 position fixed固定居中问题解决方案
2014/08/19 HTML / CSS
基于Canvas+Vue的弹幕组件的实现
2019/07/23 HTML / CSS
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
2018/09/19 HTML / CSS
台湾前三大B2C购物网站:MOMO购物网
2017/04/27 全球购物
路政管理专业推荐信
2013/11/11 职场文书
演讲稿格式范文
2014/05/19 职场文书
个人安全承诺书
2014/05/22 职场文书
实习单位证明范例
2014/11/17 职场文书
上诉答辩状范文
2015/05/22 职场文书
threejs太阳光与阴影效果实例代码
2022/04/05 Javascript