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来用,报错一看就懂,解决就行




相关文章
|
开发框架 JavaScript 前端开发
从零到一:搭建Vue3后台管理系统
本文将在《从零到一:搭建一个Vue3开发框架》基础上搭建Vue3后台管理系统,所以如果您没有看过上篇文章或者想了解如何从零到一搭建Vue3开发框架,可以先看一下上篇文章。
|
存储 Linux Docker
Docker 更新版本
Docker 更新版本原来版本 1.10 更新后的版本 19.03.1 更新 Docker 版本需要注意的问题: 注意系统是否支持新版本的储存驱动。 19.03.01 版本默认使用的储存驱动是 overlay2。
3180 0
|
7月前
|
存储 机器学习/深度学习 人工智能
《解锁跨设备3D建模新境界:分布式软总线的神奇魔法》
3D建模作为数字化设计的核心环节,面临跨设备协同工作的挑战。分布式软总线技术通过融合多种通信技术,屏蔽设备差异,实现高效的数据传输与任务分配。它能智能监测资源使用情况,合理分配建模任务,确保数据一致性和完整性,提升团队协作效率。实际应用中,该技术已在影视特效制作和汽车设计等领域展现强大优势,未来结合AI与新一代通信技术,将推动3D建模领域迈向更高水平。
149 6
|
Java
解决application.properties 中文乱码问题
解决application.properties 中文乱码问题
934 0
|
JavaScript Windows
下载安装最新版node.js
下载安装最新版node.js
1110 0
|
机器学习/深度学习 人工智能 安全
操作系统的未来:从多任务处理到人工智能
【8月更文挑战第23天】本文将探讨操作系统的发展历程及其未来趋势,特别是人工智能在操作系统中的应用。我们将看到如何通过引入人工智能技术,操作系统能够更加智能化地管理资源,提高系统性能和用户体验。
|
Ubuntu Linux Python
|
Python
从bag包中提取图片和点云数据为pcd格式点云文件
从bag包中提取图片和点云数据为pcd格式点云文件
913 0
|
缓存 编解码 监控
reservedCodecCacheSize属性详解与配置建议
reservedCodecCacheSize属性详解与配置建议