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 相关文章推荐
ASP中用Join和Array,可以加快字符连接速度的代码
Aug 22 Javascript
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
May 15 Javascript
JQuery获取浏览器窗口内容部分高度的代码
Feb 24 Javascript
javascript window.confirm确认 取消对话框实现代码小结
Oct 21 Javascript
基于jQuery.Validate验证库知识点的详解
Apr 26 Javascript
jQuery超赞的评分插件(8款)
Aug 20 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
May 12 Javascript
js canvas实现放大镜查看图片功能
Jun 08 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
Nov 21 Javascript
vuejs前后端数据交互之从后端请求数据的实例
Aug 11 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
Jul 04 Javascript
nuxt 路由、过渡特效、中间件的实现代码
Nov 06 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
MongoDB在PHP中的常用操作小结
2014/02/20 PHP
PHP IDE phpstorm 常用快捷键
2015/05/18 PHP
PHP 5.6.11中CURL模块问题的解决方法
2016/08/08 PHP
php之可变函数的实例详解
2017/09/13 PHP
YII框架常用技巧总结
2019/04/27 PHP
javascript基础的动画教程,直观易懂
2007/01/10 Javascript
Javascript string 扩展库代码
2010/04/09 Javascript
bootstrap data与jquery .data
2014/07/07 Javascript
2014 年最热门的21款JavaScript框架推荐
2014/12/25 Javascript
JavaScript中的分号插入机制详细介绍
2015/02/11 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
2016/09/26 Javascript
深入理解javascript中concat方法
2016/12/12 Javascript
Javascript计算二维数组重复值示例代码
2016/12/18 Javascript
js仿京东轮播效果 选项卡套选项卡使用
2017/01/12 Javascript
js实现漫天星星效果
2017/01/19 Javascript
图片懒加载imgLazyLoading.js使用详解
2020/09/15 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
JavaScript变量声明var,let.const及区别浅析
2018/04/23 Javascript
Vue infinite update loop的问题解决
2019/04/23 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
2019/06/24 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
2019/09/02 Javascript
Python使用PIL模块生成随机验证码
2017/11/21 Python
Django model select的多种用法详解
2019/07/16 Python
Python 通过截图匹配原图中的位置(opencv)实例
2019/08/27 Python
英国奢侈品概念店:Base Blu
2019/05/16 全球购物
阿迪达斯香港官网:adidas香港
2019/11/09 全球购物
嘻哈珠宝品牌:KRKC&CO
2020/10/19 全球购物
护士在校生自荐信
2014/02/01 职场文书
手机银行营销方案
2014/03/14 职场文书
2014年党员公开承诺书范文
2014/03/28 职场文书
团拜会策划方案
2014/06/07 职场文书
教师党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
公司表扬稿范文
2015/05/05 职场文书
大学生求职意向书
2015/05/11 职场文书
小学生手册家长意见
2015/06/03 职场文书