jQuery 名称冲突的解决方法

212 阅读 0 评论 140 点赞

我是靠谱客的博主紧张老虎，最近开发中收集的这篇文章主要介绍jQuery 名称冲突的解决方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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> 