使用jquery遇到的问题Unresolved function or method $()

news2024/10/7 8:29:04

今天在使用jquery的时候，发现页面中即使引入了jquery.min.js，js代码中仍然说找不到$()，原来的项目也是用的jquery.min.js，为什么之前的就没有这个问题呢。

然后利用搜索引擎查了一下解决方案，最后还是决定改成未压缩版的jquery，文件名为jquery[-version].js

首先，下载jquery，官网下载地址为Download jQuery | jQuery

如下图，选择红框内的未压缩版下载，然后复制到我们项目中，使用<script src="jquery.js的文件路径">引入

案例代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>首页</title>
        <script src="/js/jquery-3.7.0.js"></script>
        <script src="/js/index.js"></script>
    </head>

    <body>
        <table>
            <thead></thead>

            <tbody>
                <tr>
                    <td>用户ID：<input id="userId" /></td>
                    <td><button type="button" id="establish">建立连接</button></td>
                </tr>
            </tbody>
        </table>

        <a href="/html/sendMessage.html">发送消息</a> | <button type="button" id="end">断开连接</button>
    </body>
</html>

如图，这时候原来的灰色$变成了紫色，说明识别到了jquery。