『jQuery』名称冲突使用noConflict方法解决

192 阅读 0 评论 127 点赞

我是靠谱客的博主怕孤独哈密瓜，最近开发中收集的这篇文章主要介绍『jQuery』名称冲突使用noConflict方法解决，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

jQuery 使用 $ 符号作为 jQuery 的简介方式。
某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。
jQuery 使用名为 noConflict() 的方法来解决该问题。
var jq=jQuery.noConflict()，帮助使用自己的名称（比如 jq）来代替 $ 符号。

复制代码代码如下:

 
<html> 
<head> 
<script type="text/javascript" src="/jquery/jquery.js"></script> 
<script type="text/javascript"> 
var jq=jQuery.noConflict(); 
jq(document).ready(function(){ 
jq("button").click(function(){ 
jq("p").hide(); 
}); 
}); 
</script> 
</head> 
<body> 
<h2>This is a heading</h2> 
<p>This is a paragraph.</p> 
<p>This is another paragraph.</p> 
<button type="button">Click me</button> 
</body> 
</html> 