编程 Javascript

让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>

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

基于jquery的内容循环滚动小模块（仿新浪微博未登录首页滚动微博显示）

Mar 28 Javascript

JS判断元素为数字的奇异写法分享

Aug 01 Javascript

JS 修改URL参数(实现代码)

Jul 08 Javascript

from表单多个按钮提交用onclick跳转不同action

Apr 24 Javascript

基于JQuery制作可编辑的表格特效

Dec 23 Javascript

jQuery中scrollLeft()方法用法实例

Jan 16 Javascript

初步使用bootstrap快速创建页面

Mar 03 Javascript

微信小程序实现星级评分和展示

Jul 05 Javascript

使用async await 封装 axios的方法

Jul 09 Javascript

简化版的vue-router实现思路详解

Oct 19 Javascript

async/await优雅的错误处理方法总结

Jan 30 Javascript

使用webpack编译es6代码的方法步骤

Apr 28 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