让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 相关文章推荐
C#中TrimStart,TrimEnd,Trim在javascript上的实现
Jan 17 Javascript
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
Jun 20 Javascript
javascript搜索框点击文字消失失焦时文本出现
Sep 18 Javascript
初识简单却不失优雅的Vue.js
Sep 12 Javascript
Vue.js路由组件vue-router使用方法详解
Dec 02 Javascript
判断滚动条滑到底部触发事件(实例讲解)
Nov 15 Javascript
JavaScript动态加载重复绑定问题
Apr 01 Javascript
微信小程序实现折叠与展开文章功能
Jun 12 Javascript
vue+axios+element ui 实现全局loading加载示例
Sep 11 Javascript
layui radio点击事件实现input显示和隐藏的例子
Sep 02 Javascript
vue模块移动组件的实现示例
May 20 Javascript
JS+CSS实现炫酷光感效果
Sep 05 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生成扇形比例图实例
2013/11/06 PHP
如何阻止网站被恶意反向代理访问(防网站镜像)
2014/03/18 PHP
php数组去除空值函数分享
2015/02/02 PHP
PHP+MySQL高并发加锁事务处理问题解决方法
2018/04/30 PHP
JavaScript 应用技巧集合[推荐]
2009/08/30 Javascript
JS的Document属性和方法小结
2013/09/17 Javascript
JS数组的遍历方式for循环与for...in
2014/07/31 Javascript
js交换排序 冒泡排序算法(Javascript版)
2014/10/04 Javascript
轻松创建nodejs服务器(2):nodejs服务器的构成分析
2014/12/18 NodeJs
jQuery插件之Tocify动态节点目录菜单生成器附源码下载
2016/01/08 Javascript
jQuery EasyUI Panel面板组件使用详解
2017/02/28 Javascript
Angular实现响应式表单
2017/08/04 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
vue cli2.0单页面title修改方法
2018/06/07 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
2018/09/30 Javascript
Nodejs让异步变成同步的方法
2019/03/02 NodeJs
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
Vue实现滑动拼图验证码功能
2019/09/15 Javascript
Jquery cookie插件实现原理代码解析
2020/08/04 jQuery
python实现决策树C4.5算法详解(在ID3基础上改进)
2017/05/31 Python
python数据分析数据标准化及离散化详解
2018/02/26 Python
python字符串string的内置方法实例详解
2018/05/14 Python
python读取目录下最新的文件夹方法
2018/12/24 Python
Python Des加密解密如何实现软件注册码机器码
2020/01/08 Python
Python列表操作方法详解
2020/02/09 Python
程序员岗位职责
2013/11/11 职场文书
学习党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
工作调动申请报告
2015/05/18 职场文书
幼儿园托班开学寄语(2016秋季)
2015/12/03 职场文书
2019广播稿怎么写
2019/04/17 职场文书
导游词之苏州盘门景区
2019/11/12 职场文书
为什么mysql字段要使用NOT NULL
2021/05/13 MySQL
Java各种比较对象的方式的对比总结
2021/06/20 Java/Android
《传颂之物 虚伪的假面》BD发售宣传CM公开
2022/04/04 日漫
Ruby处理CSV数据方法详解
2022/04/18 Ruby
详解Vue3使用axios的配置教程
2022/04/29 Vue.js