如何在WebStorm的HTML里加入jQ uery

于 2021-05-30 10:29:33 发布
阅读量742 收藏 3
点赞数 2
分类专栏： webstom
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_57767445/article/details/117395351
版权
本文介绍了在WebStorm中将jQuery引入HTML的详细步骤，包括从jQuery官网下载库文件，将其放入项目文件夹，然后通过拖拽方式将jQuery文件添加到HTML中。适合新手学习，欢迎大家指导和交流。
摘要由CSDN通过智能技术生成

 

注意看红色箭头，共有五个步骤，按顺序操作下去

  1. 先在jQuery的官网下载好自己想要添加的jQuery；
  2. jQuery的网址：jquery.com；
  3. 把下载好的jQuery文件放在项目的文件夹里，如图一；

图一

  1. 然后打开Webstor，得到图二；

最低0.47元/天 解锁文章
荷.Demon
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Webstorm中添加jquery文件
csdn_chacha的博客
02-25 1692
我遇到的问题是： 解决方法： 1、首先在head中以cdn的形式添加Jquery文件 <head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> </head> 2、在File-->setting-->language & Frameworks-->Libraries中进行如下操作 将http...
如何在webstorm中使用jQuery库
星海拾遗
10-16 7215
今天这节课教大家如何在webstorm中使用js的轻量级jQuery库。也是踩了不少的坑之后发现如此简单。 第一步 百度搜索进入jQuery官网，如下图所示 下载第一个compressed.production jQuery到本地（其他的没用过） 将文件放到webstorm中如下图结构所示 其中wxs.html是我的测试页面 在测试页面中加入对jQuery的引用方法是在<...
IDEA / WebStorm / PhpStorm 添加jQuery自动提示，自动补全，提示文档
HuFeiHu
08-21 1117
应该是JetBrains系列IDE通用的方法，网上其他一些方法有的过时了，有的不全 默认情况下没有jQuery补全，按照以下方法添加 1. 打开Settings，Languages & Frameworks > JavaScript > Libraries 选择Add...(也可以选择Download，让ide自动下载完成) 2 名称自己定，Framework
WebStorm配置JQuery提示
热门推荐
Drip
05-25 2万+
安装中。。。   这样JQuery就有自动提醒功能了；     选择“Attach Files”，找到本地文件存放的位置，选中这2个文件后，点击OK就可以了 再点击“ok”就可以了 再点击“ok”，大功告成！！！
dreamweaver、webstorm如何使用jquery
qq_42690819的博客
08-06 1696
&lt;script src="jquery-2.1.4.min.js"&gt;&lt;/script&gt; &lt;script&gt; //可以使用jquery代码了 &lt;/script&gt; //注意一定要分开写
webstorm存盘时压缩html
12-23
本文将详细介绍如何在WebStorm中设置自动压缩HTML文件，以实现每次保存时自动对HTML代码进行minify处理。 首先，了解HTML压缩的基本概念。HTML压缩主要是通过删除空格、换行符和不必要的字符，使文件体积减小，从而...
HTML+JavaScript+CSS+WebStorm开发技巧
06-08
HTML+JavaScript+CSS+WebStorm开发技巧
webstorm_html_webstrom_zip_
10-03
【标题】"webstorm_html_webstrom_zip_" 指的是一款基于WebStorm的HTML开发环境，结合了Bootstrap模板，用于创建高效、响应式的网页项目。WebStorm是JetBrains公司出品的一款强大的集成开发环境（IDE），专为Web前端...
超炫jQuery测试答题功能
04-08
今天我给大家分享一个炫酷的测试答题功能，你可以放在自己的网站来做在线调查或在线测试。 更详细"超炫jQuery测试答题功能”特效教程，http://www.sucaihuo.com/js/39.html。你也可以在素材火网页特效下载 http://www.sucaihuo.com/js，都是优质素材，最主要是既有教程，也有演示并且可下载哦，技术大咖也来切磋下吧^_^
jquery手册-完整版
01-09
jquery手册完整版 链接
在webstorm中配置less的方法详解
10-14
主要介绍了在webstorm中配置less的方法，本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧
使用webstorm实现个人简历网页
07-13
在本文中，我们将深入探讨如何使用WebStorm这款强大的前端开发集成环境来创建一个具有点击照片放大功能的个人简历网页。WebStorm是JetBrains公司推出的一款专为JavaScript、HTML和CSS等Web开发语言设计的IDE，它提供...
Vue进行前端开发环境安装并且导入Jquery和Bootstrap
one-way or another
04-13 911
IDE下载 直接下载webstorm或者下载jetbrains toolbox通过注册的jetbrains的学生账号登录可以在里面选择你要下载的ide (注册网址： https://www.jetbrains.com/student/，需要登录学校邮箱验证，时间需要几分钟，请耐心等) 搭建vue环境 下载对应的node.js版本，具体操作流程: vue 搭建 成功后如图 westorm搭建vu...
webStrom 如何引入js,css,jquery 路径问题
qq_33589019的博客
01-01 6021
script src="http://localhost:63342/webStrom/js/jquery-3.2.1.min.js">script> link rel="stylesheet" href="http://localhost:63342/webStrom/css/imooc.css"> 其中webStrom 为项目目录
Webstorm中已经在Html文件中引入Jquery文件，在用Jquery的选择器的时候语法正确但还是提示“unresolved function or method $()”
wd1024719195的博客
05-17 1万+
1、问题描述 2、问题原因 咱不明白 3、解决方法： ⑴：在wenstorm右下角有个图标，按下图所示操作 ⑵：接着按下图操作 ⑶：添加library ...
webstorm中jquery警告
程序麦
12-27 6041
今天在使用webstorm，发现使用jQuery选择器的时候，写法正确，但是webstorm爆警告，所以百度了下，现在知道怎么解决了，记录一下，防止以后忘记。 首先，点击WebStorm下面的灯泡 然后点击 Configure inspections 然后把 jQuery usage efficiency 的勾去掉
使用JetBrains WebStorm 让 jquery 等javascript技术进行代码提示
輕描淡寫
08-09 1万+
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。 WebStorm下载地址
如何在webstorm里面编译前端代码
最新发布
04-28
在 WebStorm 中编译前端代码，通常需要使用构建工具，比如Webpack、Gulp、Grunt等。具体的步骤如下： 1. 首先需要在 WebStorm 中创建一个新的项目，并在项目中添加前端代码文件夹。 2. 安装需要使用的构建工具和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值