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 相关文章推荐
ExtJS Window 最小化的一种方法
Nov 18 Javascript
jQuery如何防止这种冒泡事件发生
Feb 27 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
Aug 22 Javascript
功能强大的Bootstrap组件(结合js)
Aug 03 Javascript
Vue实现购物车功能
Apr 27 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
May 04 Javascript
jQuery UI实现动画效果代码分享
Aug 19 jQuery
Vue项目查看当前使用的elementUI版本的方法
Sep 27 Javascript
发布Angular应用至生产环境的方法
Dec 10 Javascript
vue项目首屏打开速度慢的解决方法
Mar 31 Javascript
jquery实现聊天机器人
Feb 08 jQuery
jdk1.8+vue elementui实现多级菜单功能
Sep 24 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
php5.3 goto函数介绍和示例
2014/03/21 PHP
greybox——不开新窗口看新的网页
2007/02/20 Javascript
基于jquery循环map功能的代码
2011/02/26 Javascript
JS 加入收藏夹的代码(主流浏览器通用)
2013/05/13 Javascript
jquery中html、val与text三者属性取值的联系与区别介绍
2013/12/29 Javascript
js中自定义方法实现停留几秒sleep
2014/07/11 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
2014/09/29 Javascript
js实现文字垂直滚动和鼠标悬停效果
2015/12/31 Javascript
如何利用Promises编写更优雅的JavaScript代码
2016/05/17 Javascript
深入理解JavaScript中的浮点数
2016/05/18 Javascript
js实现登录框鼠标拖拽效果
2017/03/09 Javascript
详解用vue.js和laravel实现微信支付
2017/06/23 Javascript
微信小程序学习之数据处理详解
2017/07/05 Javascript
vue2.0在table中实现全选和反选的示例代码
2017/11/04 Javascript
nodejs搭建本地服务器并访问文件操作示例
2019/05/11 NodeJs
vue实现固定位置显示功能
2019/05/30 Javascript
超详细的5个Shell脚本实例分享(值得收藏)
2019/08/15 Javascript
python中关于日期时间处理的问答集锦
2013/03/08 Python
使用Python更换外网IP的方法
2018/07/09 Python
Python Pillow Image Invert
2019/01/22 Python
Python开发网站目录扫描器的实现
2019/02/21 Python
原生python实现knn分类算法
2019/10/24 Python
用python批量下载apk
2020/12/29 Python
稀有和绝版书籍:Biblio.com
2017/02/02 全球购物
墨尔本最受欢迎的复古风格品牌:Princess Highway
2018/12/21 全球购物
医学生自荐信范文
2013/12/03 职场文书
客服服务心得体会
2013/12/30 职场文书
房地产销售经理岗位职责
2014/01/01 职场文书
一年级班主任寄语
2014/01/19 职场文书
主持词开场白
2014/03/17 职场文书
2014年销售部工作总结
2014/12/01 职场文书
单身申明具结书
2015/02/26 职场文书
大学生活感想
2015/08/10 职场文书
Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)
2021/11/17 Servers
weblogic服务建立数据源连接测试更新mysql驱动包的问题及解决方法
2022/01/22 MySQL
mysql下的max_allowed_packet参数设置详解
2022/02/12 MySQL