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(){}

先去干饭先。。。。

你可能感兴趣的