jQuery库与其他JS库冲突的解决办法
发布时间：2013-08-29 编辑：jiaochengji.com
jQuery库与其他JS库冲突的解决办法
jquery库与其他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();
});
复制代码 代码如下:
<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();
});
您可能感兴趣的文章：
jQuery库与其他JS库冲突的解决办法
如何解决Jquery库及其他库之间的$命名冲突
让jQuery与其他JavaScript库并存避免冲突的方法
jquery 与NVelocity 产生冲突的解决方法
jQuery 美元符冲突的解决方法
解析jQuery与其它js(Prototype)库兼容共存
jquery与js函数冲突的两种解决方法
快速解决jQuery与其他库冲突的方法介绍
jQuery与其它库冲突的解决方法
jQuery避免$符和其他JS库冲突的方法对比
[关闭]