让jQuery与其他JavaScript库并存避免冲突的方法


Posted in Javascript onDecember 23, 2013

为了解决jQuery和其他JavaScript库中$()函数的冲突,需要取消jQuery的$()函数,为此jQuery提供了如下方法:

//取消jQuery中的$()函数 
jQuery.noConflict() ;

将上面的粗体字代码放在JavaScript代码的第一行,这行代码就会取消jQuery的$()函数

注:其实只是取消了jQuery()函数的$()别名,因此我们依然可以使用jQuery来代替原来的$()。

除此之外,多次重复书写jQuery()也是很烦琐的事情,jQuery还允许开发者为jQuery()指定自己的别名,如下代码所示:

<body> 
<div id="lee"></div> 
<script type="text/javascript" src="../jquery-1.10.2.js"> 
</script> 
<script type="text/javascript"> 
//给jQuery()函数指定别名为lee 
var lee = jQuery.noConflict() ; 
var target = lee("#lee") 
target.html("我要学习JQuery") 
.height(60) 
.width(160) 
.css("border" , "2px solid black") 
.css("background-color" , "#ddddff") 
.css("padding" , 20) ; 
</script> 
</body>
Javascript 相关文章推荐
Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
Jul 11 Javascript
Javascript 面向对象(一)(共有方法,私有方法,特权方法)
May 23 Javascript
jQuery简单实现遍历数组的方法
Apr 14 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
Jun 04 Javascript
JS实现方向键切换输入框焦点的方法
Aug 19 Javascript
理解JavaScript事件对象
Jan 25 Javascript
关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
Dec 14 Javascript
老生常谈jquery中detach()和remove()的区别
Mar 02 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
May 02 Javascript
Javascript中parseInt的正确使用方式
Oct 17 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
Jan 30 Javascript
vue 通过base64实现图片下载功能
Dec 19 Vue.js
js写的评论分页(还不错)
Dec 23 #Javascript
用js来刷新当前页面保留参数的具体实现
Dec 23 #Javascript
jquery插件jTimer(jquery定时器)使用方法
Dec 23 #Javascript
jquery实现图片翻页效果
Dec 23 #Javascript
js substring从右边获取指定长度字符串(示例代码)
Dec 23 #Javascript
JS判断对象是否存在的10种方法总结
Dec 23 #Javascript
JS判断表单输入是否为空(示例代码)
Dec 23 #Javascript
You might like
咖啡知识 咖啡养豆要养多久 排气又是什么
2021/03/06 新手入门
php简单实现查询数据库返回json数据
2015/04/16 PHP
ThinkPHP控制器详解
2015/07/27 PHP
PHP文件上传问题汇总(文件大小检测、大文件上传处理)
2015/12/24 PHP
在js中单选框和复选框获取值的方式
2009/11/06 Javascript
浅谈javascript的数据类型检测
2010/07/10 Javascript
Javascript 中的 call 和 apply使用介绍
2012/02/22 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
2014/02/11 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
JavaScript 事件入门知识
2015/04/13 Javascript
详解JavaScript编程中的数组结构
2015/10/24 Javascript
实例讲解js验证表单项是否为空的方法
2016/01/09 Javascript
jQuery div拖拽用法实例
2016/01/14 Javascript
vue增删改查的简单操作
2017/07/15 Javascript
Webpack优化配置缩小文件搜索范围
2017/12/25 Javascript
解决vue中无法动态修改jqgrid组件 url地址的问题
2018/03/01 Javascript
NodeJS 实现多语言的示例代码
2018/09/11 NodeJs
jQuery实现左右两个列表框的内容相互移动功能示例
2019/01/27 jQuery
Jquery动态列功能完整实例
2019/08/30 jQuery
微信小程序的引导页实现代码
2020/06/24 Javascript
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python删除指定目录下过期文件的2个脚本分享
2014/04/10 Python
介绍Python中几个常用的类方法
2015/04/08 Python
微信跳一跳辅助python代码实现
2018/01/05 Python
selenium跳过webdriver检测并模拟登录淘宝
2019/06/12 Python
python数据预处理之数据标准化的几种处理方式
2019/07/17 Python
python批量处理txt文件的实例代码
2020/01/13 Python
如何在Windows中安装多个python解释器
2020/06/16 Python
详解python内置模块urllib
2020/09/09 Python
利用Pycharm + Django搭建一个简单Python Web项目的步骤
2020/10/22 Python
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
土木工程实习生自我鉴定
2013/09/19 职场文书
学生会离职感言
2014/02/11 职场文书
2015年机关纠风工作总结
2015/05/15 职场文书
Centos环境下Postgresql 安装配置及环境变量配置技巧
2021/05/18 PostgreSQL