​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 的基本用法,并在实际项目中应用。