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内置对象 学习笔记
Aug 01 Javascript
jquery中html、val与text三者属性取值的联系与区别介绍
Dec 29 Javascript
js charAt的使用示例
Feb 18 Javascript
jquery选择器使用详解
Apr 08 Javascript
javascript基于DOM实现省市级联下拉框的方法
May 14 Javascript
利用Vue.js实现checkbox的全选反选效果
Jan 18 Javascript
vue登录注册及token验证实现代码
Dec 14 Javascript
vue2 前端搜索实现示例
Feb 26 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
Jul 10 Javascript
利用Vue构造器创建Form组件的通用解决方法
Dec 03 Javascript
解决vue组件中click事件失效的问题
Nov 09 Javascript
小程序实现文字循环滚动动画
Jun 14 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获取linux服务器状态的代码
2014/05/27 PHP
PHP图片处理之图片旋转和图片翻转实例
2014/11/19 PHP
基于PHP实现假装商品限时抢购繁忙的效果
2015/10/16 PHP
半角全角相互转换的js函数
2009/10/16 Javascript
JQuery onload、ready概念介绍及使用方法
2013/04/27 Javascript
js传中文参数controller里获取参数乱码问题解决方法
2014/01/03 Javascript
jquery JSON的解析方式示例介绍
2014/07/27 Javascript
浅谈Javascript中深复制
2014/12/01 Javascript
JavaScript中使用Object.create()创建对象介绍
2014/12/30 Javascript
基于jquery实现省市联动效果
2015/11/23 Javascript
超赞的jQuery图片滑块动画特效代码汇总
2016/01/25 Javascript
Javascript的表单验证-揭开正则表达式的面纱
2016/03/18 Javascript
基于jQuery倒计时插件实现团购秒杀效果
2016/05/13 Javascript
NodeJS连接MongoDB数据库时报错的快速解决方法
2016/05/13 NodeJs
AngularJS中$apply方法和$watch方法用法总结
2016/12/13 Javascript
js设置文字颜色的方法示例
2016/12/30 Javascript
简单的渐变轮播插件
2017/01/12 Javascript
详解webpack2异步加载套路
2018/09/14 Javascript
JS如何获取地址栏的参数实例讲解
2018/10/06 Javascript
vue与bootstrap实现简单用户信息添加删除功能
2019/02/15 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
JS如何实现手机端输入验证码效果
2020/05/13 Javascript
微信小程序文章列表功能完整实例
2020/06/03 Javascript
Vite和Vue CLI的优劣
2021/01/30 Vue.js
全面解读Python Web开发框架Django
2014/06/30 Python
Python代码实现KNN算法
2017/12/20 Python
教你用一行Python代码实现并行任务(附代码)
2018/02/02 Python
python3字符串操作总结
2019/07/24 Python
CSS3.0实现霓虹灯按钮动画特效的示例代码
2021/01/12 HTML / CSS
h5实现获取用户地理定位的实例代码
2017/07/17 HTML / CSS
加拿大健康、婴儿和美容产品在线购物:Well.ca
2016/11/30 全球购物
双创工作实施方案
2014/03/26 职场文书
诚实守信道德模范事迹材料
2014/08/15 职场文书
工作作风懒散检讨书
2014/10/29 职场文书
2016年寒假政治学习心得体会
2015/10/09 职场文书
分析SQL窗口函数之排名窗口函数
2022/04/21 Oracle