jquery-3.3.1.js 报错

最近在使用jQuery的过程中，发现了一个问题——jQuery-3.3.1.js文件报错了。

我的代码是这样的：

$(document).ready(function() {
$('#button').click(function() {
    alert('Button clicked!');
}
    );
}
    );
    

但是浏览器控制台却显示了以下错误信息：

Uncaught TypeError: $ is not a functionat (index):8

经过一番查找后，我得知这是因为jQuery库文件没有被正确引用，导致$符号无法使用。

于是我将jQuery-3.3.1.js文件重新下载并引用，问题得以解决。

正确引用jQuery库文件的方法是：

!DOCTYPE html>
    html>
    head>
    meta charset="UTF-8">
    title>
    jQuery Test/title>
    script src="https://code.jquery.com/jquery-3.3.1.js">
    /script>
    /head>
    body>
    button id="button">
    Click me!/button>
    script>
$(document).ready(function() {
$('#button').click(function() {
    alert('Button clicked!');
}
    );
}
    );
    /script>
    /body>
    /html>
    

这是一个简单的jQuery测试页面，其中使用了CDN引入jQuery文件，可以提高网页加载速度。

在项目中使用jQuery时，不要忘记正确引用jQuery库文件哦！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！