让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 相关文章推荐
表单内同名元素的控制
Nov 22 Javascript
Add a Picture to a Microsoft Word Document
Jun 15 Javascript
js实现拖拽 闭包函数详细介绍
Nov 25 Javascript
深入document.write()与HTML4.01的非成对标签的详解
May 08 Javascript
一个JavaScript处理textarea中的字符成每一行实例
Sep 22 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
Sep 14 Javascript
Node.js 8 中的 util.promisify的详解
Jun 12 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
Dec 01 Javascript
JS写谷歌浏览器chrome的外挂实例
Jan 11 Javascript
IDEA安装vue插件图文详解
Sep 26 Javascript
vue 检测用户上传图片宽高的方法
Feb 06 Javascript
jQuery实现简单三级联动效果
Sep 05 jQuery
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开发文件系统实例讲解
2006/10/09 PHP
php+oracle 分页类
2006/10/09 PHP
PHP 和 MySQL 基础教程(一)
2006/10/09 PHP
PHP COOKIE及时生效的方法介绍
2014/02/14 PHP
Linux下手动编译安装PHP扩展的例子分享
2014/07/15 PHP
PHP获取当前完整URL地址的函数
2014/12/21 PHP
Whatever:hover 无需javascript让IE支持丰富伪类
2010/06/29 Javascript
基于jquery的监控数据是否发生改变
2011/04/11 Javascript
把字符串按照特定的字母顺序进行排序的js代码
2014/01/28 Javascript
Jquery获取和修改img的src值的方法
2014/02/17 Javascript
使用text方法获取Html元素文本信息示例
2014/09/01 Javascript
优化Node.js Web应用运行速度的10个技巧
2014/09/03 Javascript
JS实现一个按钮的方法
2015/02/05 Javascript
浅谈JavaScript中指针和地址
2015/07/26 Javascript
jQuery获取复选框被选中数量及判断选择值的方法详解
2016/05/25 Javascript
15位和18位身份证JS校验的简单实例
2016/07/18 Javascript
微信小程序  网络请求API详解
2016/10/25 Javascript
那些精彩的JavaScript代码片段
2017/01/12 Javascript
xmlplus组件设计系列之列表(4)
2017/04/26 Javascript
vue.js项目nginx部署教程
2018/04/05 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
2018/09/18 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
2020/10/26 Javascript
JQuery绑定事件四种实现方法解析
2020/12/02 jQuery
手写Vue源码之数据劫持示例详解
2021/01/04 Vue.js
[43:24]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.12
2020/12/17 DOTA
Python常用小技巧总结
2015/06/01 Python
动感网页相册 python编写简单文件夹内图片浏览工具
2016/08/17 Python
numpy排序与集合运算用法示例
2017/12/15 Python
django Serializer序列化使用方法详解
2018/10/16 Python
tensorflow 变长序列存储实例
2020/01/20 Python
德国最大的网上鞋店之一:Schuhe24.de
2017/06/10 全球购物
中国领先的汽车保养服务平台:途虎养车
2019/10/18 全球购物
Flesh Beauty官网:露华浓集团旗下彩妆品牌
2021/02/15 全球购物
《和田的维吾尔》教学反思
2014/04/14 职场文书
倡议书范文
2014/04/16 职场文书
趣味运动会广播稿
2014/09/13 职场文书