HTML怎样引入jQuery?

jquery是一个用来代替JavaScript来快捷书写前端脚本语言的库,jquery可以大大的简化复杂的js代码,使开发人员专注于实现页面的效果。那么在HTML页面中怎样引入jQuery?

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>

更多jQuery相关技术文章,请访问 jQuery答疑 栏目进行学习!!

以上就是HTML怎样引入jQuery?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读