Cheerio.js: 快速、灵活且优雅的HTML与XML解析库

2026-01-18 09:15:48作者：裘旻烁

Cheerio是Node.js中的一个轻量级库，提供了类似于jQuery的API来处理HTML和XML文档。它快速、灵活且易于使用，能在服务器和浏览器环境中运行。通过Cheerio，你可以方便地选择元素、操作DOM、以及高效地解析和渲染网页内容。无论你是做数据抓取、页面动态生成还是需要在非浏览器环境下模拟DOM操作，Cheerio都是理想的选择。立即安装，享受便捷的前端开发体验！

项目地址：https://gitcode.com/gh_mirrors/che/cheerio

项目介绍

Cheerio.js 是一个专为Node.js设计的轻量级库，它提供了类似于jQuery的语法来解析、操作和渲染HTML及XML文档。通过实施核心jQuery的一个子集，Cheerio剔除了与DOM的一致性问题和浏览器特有的杂乱部分，展现了其简洁高效的API。这使得开发者能够在服务器端以熟悉的方式处理HTML，极大提高了开发效率与体验。Cheerio的速度得益于其基于简单一致的DOM模型工作，从而在解析、操纵以及渲染过程中保持了极高的性能。

项目快速启动

要快速开始使用Cheerio，首先确保你的开发环境中已经安装了Node.js。接着，通过npm（Node包管理器）安装Cheerio：

npm install cheerio

之后，在你的Node.js项目中，你可以按照以下方式引入并使用Cheerio：

const cheerio = require('cheerio');
// 加载HTML字符串
const $ = cheerio.load('<h2 class="title">Hello world</h2>');
// 修改文本
$('h2.title').text('你好，世界！');
// 添加类名
$('h2').addClass('welcome');
// 输出结果
console.log($.html());
// => <html><head></head><body><h2 class="title welcome">你好，世界！</h2></body></html>

这段代码展示了如何加载HTML，选择元素，修改文本内容，并添加CSS类。

应用案例和最佳实践

网页抓取与数据提取

Cheerio常用于从Web页面中提取特定的数据，例如新闻文章标题或产品信息。以下是简单的网页抓取示例，结合axios进行HTTP请求：

const axios = require('axios');
const cheerio = require('cheerio');

axios.get('http://example.com')
  .then(res => {
    const $ = cheerio.load(res.data);
    // 假设我们要提取所有文章标题
    $('article h2').each((i, element) => {
      console.log($(element).text());
    });
  })
  .catch(err => console.error(err));