jQuery Uncaught TypeError：对象 [object Window] 的属性“$”不是函数

1个回答

1阿

2025-11-07 20:51

Java
Java

在使用jQuery时，我们有时会遇到一个常见的错误：“Uncaught TypeError: Property '$' of object [object Window] is not a function”。这个错误通常表示我们的代码中没有正确引入jQuery库或者引入的jQuery版本与代码不兼容。

jQuery是一个强大而流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画效果和Ajax等常见任务。为了使用jQuery，我们需要在HTML文件中引入jQuery库。通常，我们可以使用以下代码将jQuery库导入到我们的项目中：

html
<script src="https://code.jquery.com/jquery-3.6.0.min.JS"></script>

上述代码会从jQuery官方网站加载最新版本的jQuery库。确保在引入jQuery之前，没有其他地方对jQuery进行了重复的引入。如果我们在引入jQuery之后仍然遇到“Uncaught TypeError: Property '$' of object [object Window] is not a function”错误，那么可能是因为jQuery与其他库产生了冲突。

为了解决这个问题，我们可以使用jQuery的noConflict()方法。这个方法会释放对全局变量$的控制权，以防止与其他库的冲突。我们可以将jQuery的引入代码修改如下：

html
<script src="https://code.jquery.com/jquery-3.6.0.min.JS"></script>
<script>
    var jq = $.noConflict();
    // 现在可以使用jq代替$来调用jQuery的函数
    jq(document).ready(function(){
        // 在这里编写我们的jQuery代码
    });
</script>

在上述代码中，我们使用var jq = $.noConflict();将$赋值给一个新的变量jq，以避免与其他库的冲突。然后，我们可以使用jq来调用jQuery的函数。

注意：如果我们在代码中使用了其他库，那么在使用jQuery之前最好先引入其他库，然后再引入jQuery库。

下面是一个简单的例子，展示了如何使用正确的引入方式来避免“Uncaught TypeError: Property '$' of object [object Window] is not a function”错误：

html
<!DOCTYPE html>
<html>
<head>
    <Meta charset="UTF-8">
    <title>jQuery Example</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.JS"></script>
    <script>
        var jq = $.noConflict();
        jq(document).ready(function(){
            jq("#myButton").click(function(){
                jq("#myText").text("Hello, jQuery!");
            });
        });
    </script>
</head>
<body>
    <button id="myButton">Click Me</button>
    
<img src="https://img.izhida.com/topic/3eb7106c3477a60e6bbf5dbfde1da59c.jpg" alt="Ajax"><br>Ajax
</body>
</html>

在上述例子中，我们在页面加载完成后使用jq(document).ready()来确保DOM已经完全加载。然后，当按钮被点击时，我们使用jq("#myText").text("Hello, jQuery!")来改变段落元素的文本内容。

通过正确引入jQuery并使用noConflict()方法，我们可以避免“Uncaught TypeError: Property '$' of object [object Window] is not a function”错误，并成功使用jQuery库来编写强大的JavaScript代码。记住在使用jQuery之前检查代码中是否存在其他库的引入，并按照正确的顺序进行引入，以避免潜在的冲突。

举报有用（0）分享收藏

jQuery Uncaught TypeError：对象 [object Window] 的属性“$”不是函数

1个回答

1阿

热门话题

相关问题