在本章节中，我们将通过一些实际的 jQuery 示例来展示这个强大的库是如何简化前端开发的。在开始之前，请确保你已经引入了 jQuery 库。
示例 1: 隐藏元素
-- -------------------- ---- -------
--------- -----
------
------
------------- ----------
------- -----------------------------------------------------------
-------
------
------- -----------------------------
-- --------------------------
--------
-----------------------------
----------------------------------
--------------------
---
---
---------
-------
-------在这个示例中，当用户点击按钮时，段落元素将被隐藏。这展示了 jQuery 如何通过简单的语法实现元素的操作。
示例 2: 动画效果
-- -------------------- ---- -------
--------- -----
------
------
------------- ----------
------- -----------------------------------------------------------
-------
------
------- --------------------------------
---- ---------------- ------------- ------ ------- ------ ----------------- ------------
--------
-----------------------------
-------------------------------------
-------------------------------- -------- -------- ------- --------
---
---
---------
-------
-------在这个示例中，当用户点击按钮时，一个带有动画效果的 div 元素会向右移动并逐渐变为半透明状态。这展示了 jQuery 如何简单地实现动画效果。
以上是本章节的 jQuery 实例，希望通过这些示例能够帮助你更好地理解 jQuery 的强大功能。在接下来的章节中，我们将继续深入学习 jQuery 的更多用法。