jquery中防止和其他JS框架冲突的办法

在jquery中,如果也同时引入了其他js库,而其他库也用了$符号的话,则会产生冲突,
为了防止这种情况的发生,可以使用noconflict进行避免,代码如下:

$.noConflict();

// 使用其他js库的代码
</script>

同时,也可以自定义自己的命名项目命名空间,比如项目为abc,可以这样:
ABC('contentArea').show(),而不是只使用$('contentArea').show()
当然,也有方法可以继续在jquery代码中,在冲突的时候使用$符号,可以在
ready事件中继续写:
jQuery(document).ready(function($) {

// 这里继续写$符号的代码.

});

也可以简写为:
jQuery(function($){

//...............
});

总的写法如下,当跟其他库一起用的时候:
<script type="text/javascript" src="otherLib.js"></script>

$.noConflict();

jQuery(function($) {

// jQuery code with $.

});

// 其他js库代码.

</script>

也可以再简单点:
$.noConflict()(function(){

// jQuery code

});

// 其他js库代码.

转载于:https://www.cnblogs.com/sky7034/archive/2012/02/20/2359584.html

jquery中防止和其他JS框架冲突的办法相关推荐

jQuery避免$符和其他JS库冲突的方法对比
jQuery避免$符和其他JS库冲突的方法对比 1.如果jquery库在第三方库之后引用.这个时候jquery库会占用$. 解决办法:剔除$符号的使用权. <script type=" ...
jquery中ajax加载js和json文件
全栈工程师开发手册 (作者:栾鹏) jquery系列教程6-AJAX全解 jquery中ajax加载js文件 jquery中ajax加载js文件的函数为getScript() 代码如下: $.getS ...
Android Listview中Button按钮点击事件冲突解决办法
今天做项目时,ListView中含有了Button组件,心里一早就知道肯定会有冲突,因为以前就遇到过,并解决过,可惜当时没有记录下来. 今天在做的时候,继续被这个问题郁闷了一把,后来解决后,赶紧来记录 ...
在AJAX中可以使用的Response.Redirect 的冲突解决办法
 在web.config文件的<system.web>块中增加以下内容,即可解决在ajax中使用 ...
Js框架的JQuery基本用法
1.jQuery基本用法常用的js框架 1.dojo面向对象的js框架 2.extjs学习成本比较高,它提供大量的丰富组件,它效果展示非常好 3.prototype早期比较流行的js框架 4.ang ...
js中innerHTML和innerText jQuery中html()和text()的区别
js中innerHTML和innerText的区别 innerHTML innerHTML 会将标签和标签中的内容否获取回来 innerHTML .innerHTML = '<p>&l ...
Ajax异步交互与跨域访问（三）JQuery中的Ajax
jQuery中的Ajax 一.jQuery提供的六个Ajax操作方法 1.load()方法 $element.load(url,[data],[callback]) 参数: url:异步请求的HTML ...
div中加载html js,Div里面载入另一个页面的实现(Ajax取代框架)
随着框架越来越不火了,HTML5就不对框架支持了,iframe也只有url了,Div就担当了此大任 DIV+CSS在页面部局确实也很让人满意,使用也更方便今天突然遇到一个问题,那就是需要导入另一个页 ...
js中的window.onload和jquery中的load区别的讲解
JavaScript 中的以下代码 [javascript] view plaincopyprint? Window.onload = function (){ // 编写代码 } Wind ...
同一页面中引入多个JS库产生的冲突解决方案(转)
发生JS库冲突的主要原因:与jQuery库一样,许多JS库都使用'$'符号作为其代号.因此在一个页面中引入多个JS库,并且使用'$'作为代号时,程序不能识别其代表哪个库(这个是我自己的解释,但更深的原 ...

jquery中防止和其他JS框架冲突的办法

jquery中防止和其他JS框架冲突的办法相关推荐

最新文章

热门文章