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

最新推荐文章于 2025-03-27 08:53:36 发布

苗圣禹Peter

最新推荐文章于 2025-03-27 08:53:36 发布

阅读量1.1k

点赞数 20

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/gitblog_00208/article/details/141523605

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

项目地址: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));

最佳实践: