本文已参与「新人创作礼」活动，一起开启掘金创作之路。
@TOC
概念
JQuery是用JS封装好的一个前端框架，主要目的是为了要用更加简洁的代码去提升更好的效果，进而达到提升用户体验度的目的
优势
- write less do more
- 免费，开源且轻量级的js库，容量很小
- 兼容市面上的主流浏览器：IE、FireFox、Chrome（网银还必须使用IE）
- 能够处理HTML/JSP/XML、CSS、DOM、事件、实现动画效果，能提供异步Ajax功能
JQ的版本
- Production version - 用于实际的网站中，已被精简和压缩。
- Development version - 用于测试和开发（未压缩，是可读的代码）
加载JQ文件
// 加载本地JQ文件
<script type="text/javascript" src="../jquery/jquery-3.6.0.js"></script>
// 联网加载JQ文件(百度)
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
// CDN加载
好处：不再把jquery.js放在本地，减少了本地资源的消耗，减少了网络请求的压力（相当于将网络请求转到了不同的CDN节点，从离的最近的一个CDN节点返回你要的结果）
缺点：如果网络中断，则加载失败，页面中的功能就失效了。
注意事项：
您是否很疑惑为什么我们没有在
在 HTML5 中，不必那样做了。JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言！
jQuery 语法
jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。
基础语法：
$(selector).action()
- 美元符号定义 jQuery
- 选择符（selector）"查询"和"查找" HTML 元素
- jQuery 的 action() 执行对元素的操作
实例:
$(this).hide() // 隐藏当前元素
$("p").hide() // 隐藏所有 <p> 元素
$("p.test").hide() // 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() // 隐藏 id="test" 的元素
入口函数的简写方式
请见下文
喜欢点赞～
