欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

[jQuery]名称冲突使用noConflict方法解决

程序员文章站 2022-04-11 21:22:09
jquery 使用 $ 符号作为 jquery 的简介方式。 某些其他 javascript 库中的函数(比如 prototype)同样使用 $ 符号。 jquery 使用名为...

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>