无需质疑,使用JQuery进行DOM操作是相当便利的。

知道吗,在NodeJS中,也有方法能很方便的操作DOM:

cheerio

cheerio是一个NodeJS的三方库,可以方便的把它理解为一个NodeJS的jquery,使用方式和jquery基本相同。

由于是三方库,并不是内置于NodeJS,所以,使用前需要安装它:

npm i cheerio

上例程:

var cheerio = require('cheerio'); 

var $ = cheerio.load('<h2 class="title">Hello</h2>');
$('h2.title').text('Hello JShaman.com!');
$('h2').addClass('welcome');

console.log($.html());

代码解析:

1、加载一段html代码:<h2 class="title">Hello</h2>;

2、修改h2、title的内容为Hello JShaman.com;

3、为h2加一个welcome类。

执行效果:

注意:标红处,是由这两句代码执行完成的修改:

$('h2.title').text('Hello JShaman.com!');
$('h2').addClass('welcome');

Cheerio有众多的API,可以实现复杂的功能。本文仅做简单介绍和演示,更多详情可到npm的Cheerio页进行研究。