如何在webstorm中使用jQuery库

时间:2024-03-28 12:29:37

今天这节课教大家如何在webstorm中使用js的轻量级jQuery库。也是踩了不少的坑之后发现如此简单。

第一步

百度搜索进入jQuery官网,如下图所示

如何在webstorm中使用jQuery库

下载第一个compressed.production jQuery到本地(其他的没用过)

将文件放到webstorm中如下图结构所示

如何在webstorm中使用jQuery库

其中wxs.html是我的测试页面

在测试页面中加入对jQuery的引用方法是在<head>标签中加入

<script typeof="text/javascript" src="jQuery/jquery-3.4.1.js">
</script>

检测是否成功引入方法,在body标签中插入script代码,alert($)

如何在webstorm中使用jQuery库

 

如果你的页面显示如上,那么恭喜你已经成功引入了jQuery库!