jQuery 是一个快速、小巧且功能丰富的 JavaScript 库，旨在简化 HTML 文档的遍历和操作、事件处理、动画效果以及 Ajax 交互。其设计宗旨是“写得少，做得多”，使开发者能够以更简洁的代码实现复杂的功能。

jQuery 的主要特点：

  • 简化 DOM 操作： 通过 jQuery，您可以轻松地选择、修改和操作 HTML 元素。
  • 事件处理： 提供了统一的事件处理机制，简化了跨浏览器的事件绑定和处理。
  • 动画效果： 内置多种动画效果，如淡入淡出、滑动等，方便实现动态效果。
  • Ajax 支持： 提供了简洁的 Ajax 方法，方便进行异步请求和数据交互。

学习 jQuery 的资源：

  • 菜鸟教程： 提供了详细的 jQuery 教程，包含基础知识、事件、效果、HTML/CSS 方法、遍历方法、AJAX 方法等内容。每个章节都包含在线实例，方便您边学边练。 citeturn0search0
  • W3School： 提供了全面的 jQuery 教程，涵盖了 jQuery 的各个方面，包括选择器、事件、效果、HTML/CSS 方法、AJAX 等。 citeturn0search1

jQuery 的基本语法：

$(selector).action();
  • $(selector)：用于选择 HTML 元素。
  • .action()：对选中的元素执行某个操作，如添加类、绑定事件等。

示例：

// 当文档加载完成后执行
$(document).ready(function() {
  // 点击按钮时，隐藏所有段落
  $("button").click(function() {
    $("p").hide();
  });
});

在上述示例中，$(document).ready() 确保文档加载完成后再执行内部的代码。$("button").click() 为所有按钮元素绑定点击事件，点击时隐藏所有段落元素。

通过学习上述教程和示例，您可以掌握 jQuery 的基本用法，并在实际项目中应用。