JQuery基础知识

JQuery介绍

JQuery是一个JavaScript库，是对ECMScript、dom、bom、的一个浅封装，让用户更方便操作。
理解成一个大的函数，函数内部封装了很多函数来供你使用。

题外话：
老师说，现在很多大公司都不怎么用jQuery来做开发了，但是有一些公司还会用，但是老师说那个公司面试如果提问jQuery的知识，可以撤了。。。。

但是还是得学。。。

下面很多都是比较原生js和jQuery之间的不同和各自的用法

jQuery库包含以下功能

• HTML选取
• HTML元素操作
• CSS操作
• HTML事件函数
• JavaScript特效和函数
• HTML DOM遍历和修改
• AJAX

挂一下jQuery的文档

在线使用:https://www.bootcdn.cn/jquery/

中文文档:https://jquery.cuishifeng.cn/

JQuery安装

jQuery安装十分简单，只需要将jQuery的库导入到html中即可，我们可以下载下来也可以使用CDN资源。
一般我们在下载或者使用cdn资源的时候，都会让我们选择jquery.js 与 jquery.min.js版本，它们的区别在于jquery.min.js是经过压缩的，体积更小，适用于部署环境。而jquery适用于源码研究，我们对于jquery的学习，应该要上升到源码层次。

有两种引入方法

• 第一种，本地引入JQuery介绍

JQuery是一个JavaScript库，是对ECMScript、dom、bom、的一个浅封装，让用户更方便操作。
理解成一个大的函数，函数内部封装了很多函数来供你使用。

题外话：
老师说，现在很多大公司都不怎么用jQuery来做开发了，但是有一些公司还会用，但是老师说那个公司面试如果提问jQuery的知识，可以撤了。。。。

但是还是得学。。。

下面很多都是比较原生js和jQuery之间的不同和各自的用法

jQuery库包含以下功能

• HTML选取
• HTML元素操作
• CSS操作
• HTML事件函数
• JavaScript特效和函数
• HTML DOM遍历和修改
• AJAX

挂一下jQuery的文档

在线使用:https://www.bootcdn.cn/jquery/

中文文档:https://jquery.cuishifeng.cn/

JQuery安装

jQuery安装十分简单，只需要将jQuery的库导入到html中即可，我们可以下载下来也可以使用CDN资源。
一般我们在下载或者使用cdn资源的时候，都会让我们选择jquery.js 与 jquery.min.js版本，它们的区别在于jquery.min.js是经过压缩的，体积更小，适用于部署环境。而jquery适用于源码研究，我们对于jquery的学习，应该要上升到源码层次。

有两种引入方法

• 第一种，本地引入
  在当前目录下新建一个js文件，把官方文档的原生代码全部放进去，再导入
  中文文档：https://www.bootcdn.cn/jquery/

  引入示例：

• 第二种 在线引入
  直接引入标签或链接

引入示例：src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js">

验证jQuery是否引入成功

jQuery函数

通过"jQuery"和'$'来调用函数

• $(选择器)
  通过选择器选择到符合条件的Element元素，将其保存到jQuery对象中
• $(html片段)
  将html片段转换成Element元素，然后再封装成一个jQuery对象
• $(Element元素)
  将Element元素转换成一个jQuery对象
• $(匿名函数)
  匿名函数在文档加载完毕后执行，类似于window.onload=function(){}

先去干饭先。。。。