首页 > 代码库 > jQuery 名称冲突
jQuery 名称冲突
jQuery 名称冲突
jQuery 使用 $ 符号作为 jQuery 的简介方式。
某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号,这样一起使用时就会起冲突!解决办法如下。
一、使用jquery中的jQuery.noConflict();
方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。
之后应用Jquery的时候只要将所有的$换成jQuery即可,如原来引用对象方法$("#msg")改为jQuery("#msg")。
如:
<html>
<head>
<script type="text/javascript" src="http://www.mamicode.com/jquery/jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict();//开始使用jQuery(默认名)
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("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>
<head>
<script type="text/javascript" src="http://www.mamicode.com/jquery/jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict();//开始使用jQuery(默认名)
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("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>
二、自定义jQuery使用符号
同样用到jQuery 使用名为 noConflict() 的方法来解决该问题。
var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。
如:
<html>
<head>
<script type="text/javascript" src="http://www.mamicode.com/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>
<head>
<script type="text/javascript" src="http://www.mamicode.com/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>
jQuery 名称冲突
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。