简单引入JQuery

这篇具有很好参考价值的文章主要介绍了简单引入JQuery。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

作为一个兢兢业业的后端程序猿,这里为了方便自己搭建的项目更加合理,使自己写的接口对前端也更加友好。所以我决定,从头开始学习下前端知识。

环境配置

下载官网的JQuery到本机

先去JQuery把JQuery.js文件内容的信息,弄下来。
jquery官网下载地址
简单引入JQuery
点开以后就是JQuery的所有信息
简单引入JQuery
ctrl + a选中全部再ctrl + c复制下来。在桌面新建一个以jquery-3.6.1.js的文件,然后以记事本打开文件,ctrl + v复制进去,保存。这样的就得到了官网的jquery文件了。

引入JQuery到Html文件中

新建以下目录结构
简单引入JQuery
test.html

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>js示例文件</title>
    <script src="../js/jquery-3.6.1.js"></script>
    <script type="text/javascript">
        console.log($);
    </script> 
    </head>
    <body>
    </body>
</html>

在浏览器打开能看到控制台以下输出,就表示引入成功。
简单引入JQuery文章来源地址https://www.toymoban.com/news/detail-477588.html

到了这里,关于简单引入JQuery的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Selenium+Java+Maven(12):引入Allure作为报告生成器

    本篇作为Selenium+Java系列的补充,讲了如何使用Allure作为测试报告生成器,来替代TestNG自带的测试报告或ReportNG测试报告,生成更加美观的(领导更喜欢的)测试报表。话不多说,一起来学习吧~ 【1】安装及环境变量配置 需要先在本机安装一个Allure,并配置好环境变量。 下载

    2024年02月07日
    浏览(37)
  • jQuery实现简单弹出框

    1、点击“更多”出现弹出框 2、点击下拉列表触发回调 3、点击空白区域收起弹出框 PS:鼠标右键效果图`另存为`到本地 ,再将图片后缀gif改为rar即可得到完整代码压缩包。 1、提前声明弹出标识做判断; 2、通过jQuery的has()、is()或其他类似方法判断点击的是弹出层以外的空白

    2024年02月11日
    浏览(43)
  • jQuery UI简单的讲解

    我们先进入一下问答时间,你都知道多少呢? (1)什么是jQuery UI 呢?   解答:jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试

    2024年04月10日
    浏览(46)
  • Kendo UI for jQuery,一个现代的jQuery UI组件!

    Kendo UI for jQuery是什么? Kendo UI for jQuery是完整的jQuery UI组件库,可快速构建出色的高性能响应式Web应用程序。Kendo UI for jQuery提供在短时间内构建现代Web应用程序所需要的工具,从多个UI组件中选择,并轻松地将它们组合起来,创建出酷炫响应式的应用程序,同时将开发时间加

    2024年02月13日
    浏览(39)
  • 前端JQuery引入不成功报错Failed to load resource: the server responded with a status of 404 (Not Found);

    路径没有问题( 采用相对路径 , 两种打开文件夹方式都是看到Jquery,VScode里面,不排除这个存在理解错误) ,但VScode打开文件夹不一样,引入的JQuery放在其他文件夹时,报错 Failed to load resource: the server responded with a status of 404 (Not Found); Refused to execute script from \\\'http://127.0.0.1:55

    2024年02月13日
    浏览(40)
  • 基于Jquery EasyUI JSZip FileSaver的简单使用

    在前端的项目开发中 ,下载文件压缩包是很重要的一个环节,那么怎么下载多个文件并压缩成ZIP下载呢? 库下载地址:https://download.csdn.net/download/u012949335/88088658   

    2024年02月15日
    浏览(32)
  • Nacos作为服务注册中心简单示例

    主要包含两个服务: zhshl-order服务: 作为服务消费者 zhsl-stock服务: 作为服务提供者 当我们启用服务发现的时候,需要进行的操作主要有三步 0、前置条件,需要先搭建好一个nacas服务,可以是一个集群或者是单个nacos服务。可以参考https://nacos.io/zh-cn/docs/quick-start.html, 示例中使用

    2024年02月07日
    浏览(84)
  • xhr、jQuery、axios、fetch、vue-resource简单了解和对比

    不常用(太麻烦),一般进行二次封装,或者使用成型的第三方封装jQuery,axios等。axios和jQuery都是对xhr的封装。 核心是封装Dom操作,80%的内容都是关于Dom的,Vue和React的使用是为了减少自己进行dom操作,所以没有必要引入jQuery, 多数且推荐使用axios。 是promise风格的, 并且支

    2024年01月19日
    浏览(35)
  • 作为「码农」的第一个十年

    如果从上大学, 闭门造车似地捣鼓ActionScript3开始, 已经写了10年代码了. AS3 Java、Struts2、Hibernate、HTML、Javascript、CSS、SVN、Git、SQL Server、MySQL、Android Linux、PHP、ThinkPHP、Cavy、SQLite、Angular1.x、Python、Django、Postgres、Vue2、Webpack、Hive、Docker、Go、GraphQL、Flutter、WebAssembly React、Typesc

    2024年02月08日
    浏览(46)
  • nginx 作为vue项目服务器简单配置

    一个简单配置就玩了。 我这个项目有个特殊的地方,一个项目用了两个后台,请求的地址就不一样,我是根据前端请求uri区别使用那个后端的。比如浏览器http://localhost/system/user/list就使用 localhost:8080后台,如果是http://localhost/business/xxxx就使用localhost:8081后台,nginx配置如下:

    2024年02月13日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包