jquery学习遇到的问题

javascipt基础学完，进入jQuery的学习。jQuery是JavaScript库。
在引入时遇到了问题，弄了一个晚上都找不出原因，几乎崩溃！最终终于到出了问题，细节问题，被自己蠢死了。

这样的代码一直都找不到错误。最后仔细看了大神的代码才发现，导入的js文件后，不能把代码放在导入的同一个中，应该是这样的

比较到了吗？
一晚上的教训。