2. Uncaught ReferenceError: $ is not defined
项目场景：
环境：spring-boot-starter-thymeleaf、ecplise、grandle、jdk 1.8、Spring Boot 时间：2022.2.5
项目场景：在下拉框中点击列表（例如：城市列表），点击之后页面显示对应的名称以及其它信息
问题描述：
点击下拉框之后，对应的点击交互事件并没有触动，在前端选择检测，console显示：Uncaught ReferenceError: $ is not defined
交互事件特别简单
原因分析：
由于这是前端界面交互异常，因此对html文件中js每一部分注释对比，发现 在学习时参照视频中使用的thymeleaf交互中引入的js文件不正确。
可能是 它的教学视频比较早，我参照thymeleaf官网给出的交互js 与视频中介绍不一致，我也没有仔细对比，结果自己使用的js并没有引入jQury（百度时一直说是jQury问题，我还奇怪，我都没有用到jQury，结果是我自己引入错误！）
如果有对thymeleaf有更深入了解的朋友，可以在评论里告诉我更细致的原因，不胜感激。
解决方案：不使用Option 1 和 Option 2、而是使用最下面的js。
修改过后，正常运行！