JQuery简介 - 什么是jQuery

jQuery 是一个快速、小巧、功能丰富的 JavaScript 库。它使得 HTML 文档遍历和操作、事件处理、动画和 Ajax 交互对于 Web 开发来说更加简单和快捷。jQuery 设计的宗旨是"write less, do more"（写得更少，做得更多），它封装了 JavaScript 原生 API 的复杂性，提供了更为简洁、易于理解的 API。

主要特点

1. 轻量级：jQuery 的核心文件非常小，压缩后只有几十 KB，便于快速加载。
2. 强大的选择器：jQuery 允许你使用 CSS 选择器来快速选取 DOM 元素，并且支持复杂的选择器语法。
3. 链式操作：jQuery 允许你将多个操作以链式的方式书写，大大简化了代码。
4. 丰富的插件：jQuery 拥有庞大的插件库，几乎涵盖了 Web 开发中的所有功能需求。
5. 跨浏览器兼容性：jQuery 解决了浏览器之间的差异，使得开发者无需编写额外的代码来适配不同的浏览器。
6. 动画和效果：jQuery 提供了丰富的动画和效果方法，可以很方便地实现各种动画效果。
7. Ajax 支持：jQuery 简化了 Ajax 的使用，使得与服务器进行数据交互变得简单快捷。

基本用法

1. 引入 jQuery：首先，你需要在 HTML 文件中引入 jQuery 库。你可以从 jQuery 官网下载库文件，或者使用 CDN 服务。

   html复制代码

   |---|--------------------------------------------------------------------------------------------|
   | | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> |

2. 编写 jQuery 代码 ：引入 jQuery 后，你就可以在 <script> 标签中编写 jQuery 代码了。通常，我们会将 jQuery 代码放在 DOM 元素加载完毕之后执行，以确保能够选中页面上的元素。

   html复制代码

   |---|----------------------------------|
   | | <script> |
   | | $(document).ready(function(){ |
   | | // 在这里编写 jQuery 代码 |
   | | $("button").click(function(){ |
   | | $("p").hide(); |
   | | }); |
   | | }); |
   | | </script> |

   上面的代码会在文档加载完毕后执行，当点击按钮时，页面上所有的 <p> 元素会被隐藏。

注意事项

• jQuery 是基于 DOM 的，因此你需要确保在 DOM 元素加载完毕后执行 jQuery 代码。
• 随着现代前端框架（如 React、Vue、Angular）的兴起，jQuery 的使用场景逐渐减少。这些框架提供了更为高效、简洁的方式来操作 DOM 和处理事件。
• 尽管 jQuery 仍然是一个强大的工具，但在新项目中使用时，建议评估是否真的有必要引入 jQuery，或者是否有更现代的替代方案。