jquery使用$与其它js框架的冲突解决办法

最新推荐文章于 2025-08-09 15:11:46 发布

转载最新推荐文章于 2025-08-09 15:11:46 发布 · 3.1k 阅读

收录于

jQuery

当前文章被收录于：

jQuery

28 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文深入探讨了jQuery中$符号的使用及其冲突解决方案，通过实例展示了如何利用jQuery.noConflict()方法避免与其他JavaScript库之间的命名冲突。同时，介绍了jQuery在网页交互与动态内容管理中的高级应用，包括事件绑定、DOM操作和动画效果。

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>

标签

#jquery #框架 #function #prototype #javascript

#button