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 相关文章推荐
javascript 广告后加载,加载完页面再加载广告
Nov 25 Javascript
js全屏显示显示代码的三种方法
Nov 11 Javascript
javascript函数自动执行常用方法汇总
Mar 28 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
May 30 Javascript
jQuery内容筛选选择器实例代码
Feb 06 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
May 17 Javascript
详解vue-router 初始化时做了什么
Jun 11 Javascript
详解js静态检查工具eslint配置文件
Nov 23 Javascript
如何在node环境实现“get数据解析”代码实例
Jul 03 Javascript
如何阻止移动端浏览器点击图片浏览
Aug 29 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
Sep 05 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
Sep 08 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 模拟GMAIL,HOTMAIL(MSN),YAHOO,163,126邮箱登录的详细介绍
2013/06/18 PHP
PHP 验证码不显示只有一个小红叉的解决方法
2013/09/30 PHP
php防止用户重复提交表单
2015/11/02 PHP
php实现获取农历(阴历)、节日、节气的类与用法示例
2017/11/20 PHP
php使用socket调用http和smtp协议实例小结
2019/07/26 PHP
JavaScipt基本教程之JavaScript语言的基础
2008/01/16 Javascript
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
js实现幻灯片效果(基于jquery插件)
2013/11/05 Javascript
javascript操作excel生成报表示例
2014/05/08 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
2014/11/23 Javascript
浅谈JavaScript异常处理语句
2015/06/26 Javascript
javascript实现鼠标放上后下边对应内容变换的效果
2015/08/06 Javascript
JS+CSS实现分类动态选择及移动功能效果代码
2015/10/19 Javascript
WebPack基础知识详解
2017/01/16 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
2017/03/04 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
2017/03/15 Javascript
nodejs入门教程三:调用内部和外部方法示例
2017/04/24 NodeJs
vue-quill-editor富文本编辑器简单使用方法
2018/09/21 Javascript
jQuery轻量级表单模型验证插件
2018/10/15 jQuery
[01:04:05]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
python进阶教程之文本文件的读取和写入
2014/08/29 Python
python进阶教程之函数对象(函数也是对象)
2014/08/30 Python
python进阶教程之异常处理
2014/08/30 Python
使用Python的package机制如何简化utils包设计详解
2017/12/11 Python
基于Python中numpy数组的合并实例讲解
2018/04/04 Python
python-pyinstaller、打包后获取路径的实例
2019/06/10 Python
python实战串口助手_解决8串口多个发送的问题
2019/06/12 Python
使用python分析统计自己微信朋友的信息
2019/07/19 Python
Pycharm 2020最新永久激活码(附最新激活码和插件)
2020/09/17 Python
Python2与Python3关于字符串编码处理的差别总结
2020/09/07 Python
video结合canvas实现视频在线截图功能
2018/06/25 HTML / CSS
中邮全球便购:中国邮政速递物流
2017/03/04 全球购物
expedia比利时:预订航班+酒店并省钱
2018/07/13 全球购物
岗位职责说明书
2014/05/07 职场文书
关于感恩的演讲稿200字
2014/08/26 职场文书
深度学习详解之初试机器学习
2021/04/14 Python