node-12-cheerio

简介: cheerio可以理解成具备jquery核心功能的服务器版端版本主要是对DOM进行操作npm i cheerio -S

1.前言 what


cheerio可以理解成具备jquery核心功能的服务器版端版本

主要是对DOM进行操作

npm i cheerio  -S


2.基础 how



const cheerio = require('cheerio')
var html = `<ul id="test">
<li class="weather">今天天气不错</li>
<li class="play">适合出去游玩</li>
<li class="rain">明天六月的雨</li>
<li class="reading">适合读书</li>
</ul>`
//$接收 更符合 jQ的习惯
var $ = cheerio.load(html);
//添加样式
$("#test").addClass("tc")
//获取样式
console.log("class:",$("#test").attr("class"));
//遍历 获取文本内容
$("li").each(function () {
    console.log($(this).html());
})



3.选择器


$( selector, [context], [root] )

解释实例


console.log($(".weather","#test").text());
//今天天气不错
console.log($("li[class=reading]","#test").text());
//适合读书
总结

第一个参数是选择器

第二个参数限定了第一个选择器的范围

第三个参数一般就是HTML文档字符串了

tips 这个参数的[] 代表这个参数是可选的


4.玩


具体哪些选择器可用,不用纠结,

样式操作removeClass() hasClass() 可用

属性操作 attr() removeAttr() 可用

具体哪些可用,不用纠结,就当服务端的jQ来用,报错一看就懂,解决就行




相关文章
|
5月前
|
JavaScript 前端开发 物联网
Node.js一般在什么场景下使用?
Node.js是一个基于Chrome V8 JavaScript引擎构建的开源运行时环境,它允许开发者使用JavaScript在服务器端运行代码。Node.js具有高性能、轻量级、事件驱动和非阻塞I/O等特性,这些特性使得它在多种场景下具有广泛的应用。
50 0
|
JSON 前端开发 JavaScript
Node.Js(二)
Node.Js
77 0
|
7月前
|
JavaScript 前端开发 容器
初识node.js(使用)
初识node.js(使用)
46 7
|
7月前
|
JSON JavaScript 前端开发
Node.js 的适用场景
Node.js 的适用场景
106 0
|
JavaScript 前端开发 索引
node - cheerio模块
node - cheerio模块
|
JavaScript 前端开发
初学Node.Js
初学Node.Js
65 0
|
Web App开发 JavaScript 前端开发
Node.js 是什么?
Node.js 是什么?
|
JSON JavaScript 前端开发
Node.js Next 10
Node.js Next 10
|
存储 Web App开发 JSON
一篇文章带你看懂Node.js
一篇文章带你看懂Node.js
178 0
一篇文章带你看懂Node.js