无法引入jQuery问题求助：附相关HTML代码

嘿，我瞅了下你的代码，发现几个明显会导致jQuery加载失败的问题，咱们一个个来捋清楚：

问题所在 #

• 重复引入多个jQuery文件：你同时加了Google和微软CDN的jQuery，虽然不会直接导致加载失败，但重复加载完全没必要，还可能引发一些奇怪的冲突。
• 不完整的链接：最后那个<script src="http://code.jquery.com/jquer...">明显是复制到一半就停了，浏览器根本找不到这个资源，肯定会报404错误，这绝对是加载失败的元凶之一。

一步步解决 #

1. 清理冗余，保留完整的CDN链接
   选一个稳定的CDN链接保留就行，删掉另外两个（包括那个不完整的）。比如保留Google的：

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   

   或者微软的也没问题，只要链接是完整的就行。

2. 确保引入顺序（如果后续用Bootstrap JS）
   要是之后你要加Bootstrap的JavaScript文件，一定要把jQuery放在它前面——Bootstrap的JS完全依赖jQuery，顺序错了会直接失效：

   <!-- 先加载jQuery -->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <!-- 再加载Bootstrap JS -->
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   

3. 加个本地备份（可选但实用）
   怕CDN突然挂掉？可以加一段检测代码，如果CDN的jQuery没加载成功，就自动用本地的备份文件：

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <script>
     // 检测jQuery是否存在，不存在就加载本地版本
     window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>');
   </script>
   

   记得把js/jquery.min.js换成你本地jQuery文件的实际路径哦。

4. 验证是否加载成功
   打开浏览器按F12进入开发者工具，切换到「Console」标签，输入$或者jQuery，如果返回类似ƒ (e,t){return new w.fn.init(e,t)}的函数，就说明加载成功了；要是提示jQuery is not defined，就再检查下链接有没有写错、顺序对不对。

内容的提问来源于stack exchange，提问作者ondrejm