在单独的js文件中时，Jquery不工作

可能是由于以下几个原因：

Jquery库未正确引入：在单独的js文件中使用Jquery时，需要确保Jquery库已经正确地被引入到HTML文件中。可以通过在HTML文件中使用<script>标签引入Jquery库，例如：

<script src="jquery.min.js"></script>

确保jquery.min.js文件路径正确，并且在使用Jquery的js文件之前引入。

Jquery库引入顺序错误：如果在引入Jquery库之后立即使用Jquery的代码，可能会导致Jquery不起作用。因为Jquery库需要在DOM加载完成后才能正确操作DOM元素。可以通过将Jquery代码放在$(document).ready()函数中，确保DOM加载完成后再执行Jquery代码，例如：

$(document).ready(function() {
  // 在这里编写使用Jquery的代码
});

Jquery版本不兼容：如果使用的Jquery版本与代码不兼容，也可能导致Jquery不工作。可以尝试使用最新版本的Jquery库，或者查看Jquery官方文档了解不同版本之间的差异和兼容性。
其他代码冲突：在单独的js文件中使用Jquery时，可能存在其他代码与Jquery冲突的情况。可以尝试将Jquery代码放在一个独立的作用域中，避免与其他代码产生冲突，例如使用匿名函数自执行：

(function($) {
  // 在这里编写使用Jquery的代码
})(jQuery);

总结起来，当在单独的js文件中使用Jquery时，需要确保Jquery库正确引入、引入顺序正确、版本兼容，并且避免与其他代码冲突。如果问题仍然存在，可以检查浏览器的开发者工具中是否有错误提示，以便进一步排查和解决问题。

腾讯云相关产品和产品介绍链接地址：

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云