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

前端技术 2023/09/07 JavaScript

首先我们应该知道，在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>

本文地址：https://www.stayed.cn/item/18135

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案