html 引入 JQuery

html 引入 JQuery

这里我使用npm 来下载 jquery

新建任意文件夹

npm install jquery

目录结构

打开 node_modules / jquery

打开 dist目录就会看到 jquery 的一些文件啦

vs code 编辑器打开dist 目录结构如下

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- 平时修仙版  便于看源码修仙 --><script src="./jquery.js"></script><!-- 上线版本 减少体积 --><!-- <script src="./jquery.min.js"></script> --><title>html 引入 jquery</title>
</head>
<body><script>console.log(jQuery)console.log($)console.log(jQuery === $)</script>
</body>
</html>

结果

说明 html 引入jquery 成功后续会继续更新 jquery 核心api的使用过程

html 引入 JQuery相关推荐

vue中引入jquery报错问题
vue-cli搭建的vue项目中使用到jquery插件,需要引入jquery, 在无任何配置的情况下,直接在组件中import引入,在mounted时候打印$ 会显示undefined报错问题, 感觉 ...
引入jQuery后$冲突的解决办法
网站开发中的javasript部分,现在的开发人员很少有再去手工写document.getElementById()的了吧,那还不得累死,你还真别说,getElementById还真不好写,字母还挺多 ...
在html中引入jQuery包的方法
引入jQuery包有两种方法 1.服务器本地库的引入就是去官网下载好jQuery的js文件,将其放到自己项目工程目录下好处:不用网络即可加载本js文件 2.CDN远程库的引入好处:可以减轻服务器 ...
webpack 引入jquery和第三方jquery插件
1.引入jquery jQuery 直接在 html 中引入,然后在 webpack 中把它配置为全局即可. index.html: <!DOCTYPE html> <html> ...
Vue笔记——Vue组件中引入jQuery
Vue笔记--Vue组件中引入jQuery 如果想在普通的HTML页面引入jQuer库的话,直接使用<script src="jQuery.js"></scrip ...
php中引入jquery文件_WP模板开发中，怎样给wordpress网站的文章，添加点赞功能？...
我们在网上浏览某些网站的文章时,在文章的结尾处,都会有一个点赞的按钮,如果觉得文章内容非常不错,就可以点击这个"点赞"按钮,给这篇文章进行点赞一下.在wordpress网站的模板主 ...
引入jQuery的src设置
1.引用在线jQuery 谷歌.微软.百度都有提供在线的jQuery引用.比如 <script src="http://code.jquery.com/jquery-latest.js ...
day05【JQuery框架】HTML引入Jquery、jQuery与JS区别、基本选择器、层级关系选择器、属性选择器、过滤选择器、对象遍历、Jquery的DOM操作【重点】、Jquery事件绑定
回顾 1. bom对象window对象三种弹框alert()confirm()prompt()二种定时器一次性:setTimout() --- 通过递归实现循环性循环性:setInterval()lo ...
关于javascript的功能无法识别功能问题（引入jquery误操作和以及jquery对id的调取）
jquery误操作引入jQuery原版是这样 <script src="${pageContext.request.contextPath}/statics/js/jquery-3. ...
在html页面中引入jquery
在html页面引入jquery,只需在页面中添加下面内容即可,src属性表示引入的路径,按住ctrl键,如果看到有个手型图标,可以点进去,说明引入成功 <script language=&quo ...

html 引入 JQuery

html 引入 JQuery相关推荐

最新文章

热门文章