jQuery库与其他JS库冲突的解决办法(转)

简介: 现在的js库很多,而且各有所长。像我,就比较喜欢jQuery,但同时也会使用一下其他的js库,如YUI,DWR什么的。但是它们却时不时地相互闹些 小矛盾,真是让人头痛。究其原因,原来是它们的全局对象定义冲突了,特别是变量”$”,几乎百分之百要在这中招。
现在的js库很多,而且各有所长。像我,就比较喜欢jQuery,但同时也会使用一下其他的js库,如YUI,DWR什么的。但是它们却时不时地相互闹些 小矛盾,真是让人头痛。究其原因,原来是它们的全局对象定义冲突了,特别是变量”$”,几乎百分之百要在这中招。怎么办?呵呵,看我的!

重载$函数。使用jQuery.noConflict()就可以通过重载$函数,从而区分开跟其他js库的重叠部分。例子如下:

Js代码 
<script src="prototype.js"></script>   
<script src="jquery.js"></script>   
<script>   
    jQuery.noConflict();   
    // Use jQuery via jQuery(…)   
    jQuery(document).ready(function(){   
    jQuery(”div”).hide();   
    });   
    // Use Prototype with $(…), etc.   
    $(’someid’).style.display = ‘none’;   
</script>   

记得要在载入完各js库后才能用jQuery.noConflict()进行重载哦,如例子中的prototype和jquery。

当然我们也可以不使用其默认的名字空间,比如我喜欢使用 $j() 而不是 jQuery() 。

Js代码 
var $j = jQuery.noConflict();   
$j(document).ready(function(){   
    $j(”div”).hide();   
});  


目录
相关文章
|
1月前
|
开发框架 前端开发 JavaScript
使用JavaScript、jQuery和Bootstrap构建待办事项应用
使用JavaScript、jQuery和Bootstrap构建待办事项应用
11 0
|
1月前
|
前端开发 JavaScript 区块链
连接区块链节点的 JavaScript 库 web3.js
连接区块链节点的 JavaScript 库 web3.js
27 2
|
2月前
|
JSON JavaScript 前端开发
基于 JavaScript 的网络请求工具库 axios 的使用介绍
基于 JavaScript 的网络请求工具库 axios 的使用介绍
68 3
|
7天前
|
JavaScript 前端开发
JQuery和JS的区别有哪些?
JQuery和JS的区别有哪些?
11 0
|
29天前
|
JavaScript
jQuery选择器案例之——index.js
jQuery选择器案例之——index.js
8 0
|
1月前
|
JSON JavaScript 前端开发
盘点3个可以操作JavaScript的Python库
盘点3个可以操作JavaScript的Python库
29 0
|
2月前
|
存储 JSON JavaScript
打造开箱即用的js工具库之xijs更新指南(v1.2.2)
打造开箱即用的js工具库之xijs更新指南(v1.2.2)
21 5
|
2月前
|
前端开发 JavaScript 开发者
Canvas库 fabric.js可以实现哪些功能? 动图介绍
fabric.js是一个canvas库,今天整理了一下fabric.js可以实现的功能,用动图的形式分享给大家,方便快速了解fabric.js。
Canvas库 fabric.js可以实现哪些功能? 动图介绍
|
3月前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
27 0
|
3月前
|
JavaScript
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
39 0