4、jQuery 入门：从基础到实战应用

jQuery 入门：从基础到实战应用

1. jQuery 选择器基础

jQuery 的强大之处在于它使用与 CSS 相同的选择器来操作页面上的元素。以下是一些常见的 jQuery 选择器示例：
- 元素选择器 ：用于选择特定类型的 HTML 元素。

$("h1").hide(); // 隐藏页面上所有的 h1 元素

• 类选择器 ：选择具有特定类名的元素。

$(".my_class").slideUp(); // 向上滑动所有具有 my_class 类的元素

• ID 选择器 ：选择具有特定 ID 的元素。

$("#my_id").fadeOut(); // 淡出具有 my_id ID 的元素，直到它不可见

CSS 选择器用于为元素添加样式，而 jQuery 选择器用于为元素添加行为。例如，CSS 选择器可以设置元素的颜色、位置等样式，而 jQuery 选择器可以让元素在用户操作时隐藏、显示或执行其他动画效果。

2. jQuery 选择器的工作原理

jQuery 选择器的工作方式与 CSS 选择器类似。以下是一个简单的 jQuer