jQuery 是一个快速、小型且功能丰富的 JavaScript 库。它使得 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作变得更加简单。

快速开始

安装 jQuery

首先,您需要在您的项目中包含 jQuery 库。可以通过 CDN 来快速引入:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

基础用法

以下是一个简单的例子,展示如何使用 jQuery 来改变一个元素的文本内容:

$(document).ready(function(){
  $("#clickMe").click(function(){
    $("#demo").html("Hello, world!");
  });
});

选择器

jQuery 使用选择器来查找 HTML 元素。以下是一些常用的选择器:

  • .class:选择具有特定类的元素
  • #id:选择具有特定 ID 的元素
  • .name:选择具有特定名称的元素

动画

jQuery 提供了一套强大的动画功能,可以轻松地实现元素的各种动画效果:

$("#element").animate({left: '250px'}, 2000);

更多资源

如果您想深入学习 jQuery,以下是一些推荐的资源:

jQuery 中的选择器示例