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之去除s.gif的影响
Dec 25 Javascript
jqTransform form表单美化插件使用方法
Jul 05 Javascript
javascript制作坦克大战全纪录(2)
Nov 27 Javascript
JS实现仿新浪黄色经典滑动门效果代码
Sep 27 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
Jan 28 Javascript
微信JSSDK调用微信扫一扫功能的方法
Jul 25 Javascript
基于js 各种排序方法和sort方法的区别(详解)
Jan 03 Javascript
关于axios不能使用Vue.use()浅析
Jan 12 Javascript
vue中添加mp3音频文件的方法
Mar 02 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
webpack4手动搭建Vue开发环境实现todoList项目的方法
May 16 Javascript
jQuery+ThinkPHP实现图片上传
Jul 23 jQuery
分享十五个最佳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
动易数据转成dedecms的php程序
2007/04/07 PHP
PHP 之Section与Cookie使用总结
2012/09/14 PHP
一个php生成16位随机数的代码(两种方法)
2014/09/16 PHP
ThinkPHP实现动态包含文件的方法
2014/11/29 PHP
php 生成签名及验证签名详解
2016/10/26 PHP
PHP截取发动短信内容的方法
2017/07/04 PHP
function, new function, new Function之间的区别
2007/03/08 Javascript
新浪微博字数统计 textarea字数统计实现代码
2011/08/28 Javascript
详解JS函数重载
2014/12/04 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
2016/05/24 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
2016/09/23 Javascript
Javascript数组中push方法用法分析
2016/10/31 Javascript
vue组件watch属性实例讲解
2017/11/07 Javascript
浅谈vue2 单页面如何设置网页title
2017/11/08 Javascript
js中DOM事件绑定分析
2018/03/18 Javascript
Vue实现左右菜单联动实现代码
2018/08/12 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
2019/07/19 Javascript
从零搭一个自用的前端脚手架的方法步骤
2019/09/23 Javascript
vue实现pdf文档在线预览功能
2019/11/26 Javascript
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
Linux RedHat下安装Python2.7开发环境
2017/05/20 Python
python处理数据,存进hive表的方法
2018/07/04 Python
Python 输入一个数字判断成绩分数等级的方法
2018/11/15 Python
django框架ModelForm组件用法详解
2019/12/11 Python
Python reversed函数及使用方法解析
2020/03/17 Python
Python类和实例的属性机制原理详解
2020/03/21 Python
REISS英国官网:伦敦High Street最受欢迎品牌
2016/12/21 全球购物
英国创新设计文具、卡片和礼品包装网站:Paperchase
2018/07/14 全球购物
Fossil德国官网:化石手表、手袋、珠宝及配件
2019/12/07 全球购物
DELPHI中如何调用API,可举例说明
2014/01/16 面试题
青年创业培训欢迎词
2014/01/08 职场文书
制作部班长职位说明书
2014/02/26 职场文书
银行领导班子四风对照检查材料
2014/09/27 职场文书
商务英语求职信范文
2015/03/19 职场文书
初中地理教学反思
2016/02/19 职场文书
Python使用海龟绘图实现贪吃蛇游戏
2021/06/18 Python