Uncaught TypeError: $ is not a function - CSS

这是一个常见的JavaScript错误，通常在使用jQuery时出现。错误信息表明 $ 不是一个函数，意思是你的代码正在尝试调用一个不存在的函数。

原因

通常情况下，这个错误出现的原因是因为你的代码中没有正确引用 jQuery 库。这可能是因为你没有在 HTML 页面的 head 部分正确地引用 jQuery，或者 jQuery 库的路径出现了问题。

解决方法

以下是几种可能的解决方法：

1. 检查是否正确引用 jQuery

请确保在 HTML 文件的 head 部分正确地引用了 jQuery 库。例如，你可以使用以下代码来引用最新版本的 jQuery：

<script src="https://code.jquery.com/jquery-latest.js"></script>

2. 检查 jQuery 库的路径是否正确

如果你是使用本地存储的 jQuery 库，即将 jQuery 文件下载到本地并将其添加到项目中，请确保路径正确。例如，如果 jQuery 文件位于项目的 js 文件夹中，请使用以下代码引用它：

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

3. 确认 jQuery 库是否已被加载

如果你在 HTML 页面中使用了多个 JavaScript 文件，请确认 jQuery 库在其他文件之前被加载。否则，其他代码将尝试使用 jQuery 之前它还没有被加载，这可能导致 $ 不是函数的错误。

4. 使用 jQuery.noConflict()

如果你的代码需要与其他库一起使用，而这些库也使用了 $ 符号作为别名，则可以使用 jQuery.noConflict() 函数来避免命名冲突。

例如，你可以将以下代码添加到你的 JavaScript 文件中：

var $j = jQuery.noConflict();

然后，你就可以使用 $j 来代替 $ 符号，例如：

$j(document).ready(function() {
   // Your code here.
});

结论

如果你在使用 jQuery 时遇到了 $ 不是函数的错误，你可以尝试以上解决方法来解决问题。最常见的原因是没有正确引用 jQuery 库，所以请首先检查引用是否正确。