欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

web前端 -- jQuery -- jQuery简介

程序员文章站 2022-07-03 11:31:14
...

从这一章开始,我们就进入jQuery学习,先大致了解一下jQuery

web前端 -- jQuery -- jQuery简介
  • 什么是jQuery?
    jQuery是一个快速、小型且功能丰富的JavaScript工具库。它提供的 API 易于使用且兼容众多浏览器,使得诸如HTML文档遍历和操作、事件处理、动画和Ajax等工作变得更加简单
  • jQuery核心:操作 dom
  • 引用jquery.js的两种方式(使用时有一种即可)

cdn下载jQuery.js作为本地文件

1. 下载jQuery

1)进入jQuery官网:https://jquery.com/
2)点击download,进入这样一个页面:
web前端 -- jQuery -- jQuery简介

3)我们把这两个文件下载下来拷贝到项目路径下就能进行jQuery开发了
web前端 -- jQuery -- jQuery简介

4)要想使用jQuery,我们要将这个文件引入到页面中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <p>引入jQuery.js文件<br/>
        1、引入本地文件
        2、cdn
        使用时有一个即可
    </p>
</head>
<body>
<!--1、引入本地文件-->
    <script src="jquery.min.js"></script>
<!--2、cdn-->
<!--    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>-->
    <script>
        //这里写代码
    </script>
</body>
</html>

打开浏览器控制台:
web前端 -- jQuery -- jQuery简介

以后我们看到 $ 就知道是 jQuery 的简写了。

5)接着我们来看 $ 能干什么
首先 $ 最强大的功能就是从页面上选取元素。比如,现在我想在页面上选取body:
web前端 -- jQuery -- jQuery简介