教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 如何解决Jquery库及其他库之间的$命名冲突

如何解决Jquery库及其他库之间的$命名冲突

发布时间:2014-04-02   编辑:jiaochengji.com
这篇文章介绍了Jquery库及其他库之间的$命名冲突的解决方法,有需要的朋友可以参考一下

首先我们应该知道,在jquery中,$(美元符号)就是jquery的别名,也就是说使用$和使用jquery是一样的,在很多时候我们命名空间时,正是因为这个$而产生的冲突的发生。比如说:$('#xmlas')和JQuery('#xmlas') 虽然在写法上不同,但在实际上却是完全等同的。

要想解决这个冲突,其实最简单的方法就是使用不同的名称来命名,或者让执行代码认为是不同的命名空间即可。

一、 jQuery库在其他库之前导入,直接使用jQuery(callback)方法如:

复制代码 代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--先导入jQuery -->
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<!--后导入其他库 -->
<script src="prototype-1.6.0.3.js" type="text/javascript"></script>
</head>
<body>
<p id="pp">test---prototype</p>
<p >test---jQuery</p>

<script type="text/javascript">
jQuery(function(){ //直接使用 jQuery ,没有必要调用"jQuery.noConflict()"函数。
jQuery("p").click(function(){
alert( jQuery(this).text() );
});
});

$("pp").style.display = 'none'; //使用prototype
</script>
</body>
</html>

您可能感兴趣的文章:
如何解决Jquery库及其他库之间的$命名冲突
jQuery库与其他JS库冲突的解决办法
快速解决jQuery与其他库冲突的方法介绍
jQuery与其它库冲突的解决方法
让jQuery与其他JavaScript库并存避免冲突的方法
PHP新特性命名空间的详解介绍
jQuery 美元符冲突的解决方法
解析jQuery与其它js(Prototype)库兼容共存
jquery插件冲突(jquery.noconflict)解决方法分享
命名空间

关键词: Jquery库  命名冲突   
[关闭]
~ ~