jQuery | 句法

jQuery 是一个 JavaScript 库，被广泛用于 HTML 文档的遍历、事件处理、动画效果等方面。

选择器

选择器在 jQuery 中是一个核心概念，它允许您轻松地从 DOM 中获取元素并进行操作。以下是一些常见的选择器：

• 元素选择器：$('element')，例如 $('h1')。
• ID 选择器：$('#id')，例如 $('#mydiv')。
• 类选择器：$('.class')，例如 $('.selected')。
• 属性选择器：$('[attribute]')，例如 $('[type="text"]')。

遍历

遍历是 jQuery 的另一个核心概念，它允许您遍历 DOM 树以查找元素，并在它们上面执行操作。以下是一些常见的遍历方法：

• prev()：获取匹配元素集合中每个元素的前一个同胞元素。
• next()：获取匹配元素集合中每个元素的下一个同胞元素。
• find()：获取匹配元素集合中每个元素的子孙元素。
• parent()：获取匹配元素集合中每个元素的直接父元素。
• children()：获取匹配元素集合中元素的所有子元素。

事件处理

jQuery 提供了一套完整的事件处理 API，允许您轻松地绑定和触发事件。以下是一些常见的事件处理方法：

• click()：绑定点击事件。
• hover()：绑定鼠标移动事件。
• keydown()：绑定键盘按下事件。
• submit()：绑定表单提交事件。
• change()：绑定表单元素值更改事件。

动画效果

jQuery 提供了一套强大的动画效果 API，允许您轻松地创建各种动画效果。以下是一些常见的动画效果方法：

• fadeIn()：渐变显示。
• fadeOut()：渐变隐藏。
• slideUp()：向上收起。
• slideDown()：向下展开。
• animate()：自定义动画效果。

链式调用

jQuery 的 API 具有链式调用的特性，允许您在一行代码中执行多个操作。以下是一个示例：

$('#mydiv').addClass('selected').slideUp();

在上面的代码中，我们选择 mydiv 元素，添加了 selected 类，然后将其向上收起。