HTML怎样引入jQuery？

jquery的引入方式有两种，一种是本地引入，一种是引入在线jquery。

相关专题推荐：《jQuery教程》

方式一：本地引入（这种方法要求本地有jquery.js）：

我们可以百度搜索jquery，可以搜到jquery的官方网站：

https://jquery.com/

从这里即可下载jquery的最新版本，点击下载图标，会跳转到下载详情页面。

下载需要的jQuery文件

接着，我们在HTML的页面引入这个jQuery文件，代码如下：

<script src="jQuery文件路径"></script>
<script>
	//在此书写你的jquery代码
</script>

注意

注意！一定要先引入jQuery文件，再写自己的jquery代码，因为页面的加载顺序是从上到下加载，浏览器会先加载你的jquery代码再加载jquery库，造成你的jquery代码会被认为是错误书写格式，无法实现效果。

方式二：引入在线jquery

我们可以通过在script的src属性中写一个网址来导入在线的jquery代码。

事实上，现在应用jquery的网站非常非常多，浏览器会在加载之前使用jquery的网站时就预先下载过jquery，因此到了我们这里就不用再次下载了，就算我们的jquery版本是一个新的没被浏览器加载过的版本，jquery的代码下载也会进行的很快，不过，如果你还是担心影响加载速度，本地导入jquery文件确实是最好的办法。

导入在线jquery：

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
	//在此书写你的jquery代码
</script>