jQuery概述

听海边涛声

已于 2024-09-05 11:37:04 修改

阅读量226

点赞数 2

文章标签： jquery 前端 javascript

于 2024-09-05 11:33:28 首次发布

本文链接：https://blog.csdn.net/panghuangang/article/details/141910650

版权

jQuery是什么

https://jquery.com/
在这里插入图片描述

jQuery是一个快速、小巧、功能丰富的JavaScript库。它使HTML文档遍历和操作、事件处理、动画和Ajax等任务变得更加简单，通过易于使用的API可以在众多浏览器上运行。

jQuery的下载

https://jquery.com/download/

在这里插入图片描述

两个文件一个是压缩文件，一个是非压缩的开发版本，大小是有区别的。开发阶段可以是用开发版本，便于查看jquery的源码，生产环境就用压缩版本，因为体积小。
在这里插入图片描述

# jQuery的版本

1.x：兼容IE6/7/8，使用最为广泛。因此，对一般项目来说，使用1.x版本就可以了。
2.x：不兼容IE6/7/8，用得少。
3.x：不兼容IE6/7/8，只支持最新的浏览器。除非有特殊要求，一般不会使用3.x版本。

例如，京东使用的是1.6.4版本：
在这里插入图片描述

新浪用的是1.7.2版本：
在这里插入图片描述

jQuery的引入

1、把外部的jQuery文件复制到当前项目目录下面。
2、在html文件中使用script标签引入外部的jQuery文件。

例如：
在这里插入图片描述

在这里插入图片描述

验证jQuery有没有引入成功

在jQuery中有一个核心函数叫jQuery，可以被简化成一个$符号。
调用这个jQuery函数，参数需要传递一个匿名函数，当页面加载完毕就会执行这个匿名函数，就相当于页面加载事件window.onload=function(){}。

格式：

jQuery(function () { })

可以简化为：

$(function () { })

例如：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="js/jquery-3.7.1.js"></script>
  <script>
    jQuery(function () {
      alert('hello')
    })
  </script>
</head>

<body>
  <div>这是一个div元素</div>
</body>

</html>