让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 相关文章推荐
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
Mar 17 Javascript
JS继承--原型链继承和类式继承
Apr 08 Javascript
js动态为代码着色显示行号
May 29 Javascript
Javascript异步编程模型Promise模式详细介绍
May 08 Javascript
jquery实现通用版鼠标经过淡入淡出效果
Jun 15 Javascript
jQuery实现折线图的方法
Feb 28 Javascript
浅谈JavaScript 的执行顺序
Aug 07 Javascript
AngularJS实现表单验证功能
Jan 09 Javascript
移动端点击态处理的三种实现方式
Jan 12 Javascript
JavaScript引用类型Function实例详解
Aug 09 Javascript
如何用JavaScript学习算法复杂度
Apr 30 Javascript
Ajax实现异步加载数据
Nov 17 Javascript
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
php class中self,parent,this的区别以及实例介绍
2013/04/24 PHP
深入php define()函数以及defined()函数的用法详解
2013/06/05 PHP
php实现singleton()单例模式实例
2014/11/06 PHP
PHP代码实现爬虫记录――超管用
2015/07/31 PHP
php数组函数array_walk用法示例
2016/05/26 PHP
PHP从数组中删除元素的四种方法实例
2017/05/12 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
php提取微信账单的有效信息
2018/10/01 PHP
php 中的信号处理操作实例详解
2020/03/04 PHP
PhpStorm连接服务器并实现自动上传功能
2020/12/09 PHP
jQuery表单获取和失去焦点输入框提示效果的实例代码
2013/08/01 Javascript
JavaScript动态插入script的基本思路及实现函数
2013/11/11 Javascript
JavaScript数组迭代器实例分析
2015/06/09 Javascript
JQuery中DOM实现事件移除的方法
2015/06/13 Javascript
artDialog+plupload实现多文件上传
2016/07/19 Javascript
canvas雪花效果核心代码分享
2017/02/19 Javascript
微信小程序 按钮滑动的实现方法
2017/09/27 Javascript
jquery鼠标悬停导航下划线滑出效果
2017/09/29 jQuery
快速解决vue动态绑定多个class的官方实例语法无效的问题
2018/09/05 Javascript
nodejs对mongodb数据库的增加修删该查实例代码
2020/01/05 NodeJs
Python实现网站文件的全备份和差异备份
2014/11/30 Python
python实现栅栏加解密 支持密钥加密
2019/03/20 Python
Python OpenCV中的resize()函数的使用
2019/06/20 Python
使用Python实现跳一跳自动跳跃功能
2019/07/10 Python
python的pygal模块绘制反正切函数图像方法
2019/07/16 Python
Pandas读取csv时如何设置列名
2020/06/02 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
HTML5 LocalStorage 本地存储刷新值还在
2017/03/10 HTML / CSS
Exception类的常用方法
2012/06/16 面试题
工程造价管理专业大专生求职信
2013/10/06 职场文书
环境科学专业个人求职的自我评价
2013/11/28 职场文书
少先队学雷锋活动总结范文
2014/03/09 职场文书
国企干部对照检查材料
2014/08/22 职场文书
Nginx实现高可用集群构建(Keepalived+Haproxy+Nginx)
2021/05/27 Servers
MySQL学习之基础命令实操总结
2022/03/19 MySQL
Minikube搭建Kubernetes集群
2022/03/31 Servers