cheerio
v1.0.0
中文文档 (китайская чтения)
import * as cheerio from 'cheerio' ;
const $ = cheerio . load ( '<h2 class="title">Hello world</h2>' ) ;
$ ( 'h2.title' ) . text ( 'Hello there!' ) ;
$ ( 'h2' ) . addClass ( 'welcome' ) ;
$ . html ( ) ;
//=> <html><head></head><body><h2 class="title welcome">Hello there!</h2></body></html> npm install cheerio
❤ Проверенный синтаксис: Cheerio реализует подмножество основных jQuery. Cheerio удаляет все несоответствия DOM и браузер Cruft из библиотеки JQUERY, раскрывая его действительно великолепный API.
ϟ Яростно быстро: Cheerio работает с очень простой, последовательной моделью DOM. В результате анализа, манипулирование и рендеринг невероятно эффективны.
❁ Невероятно гибкий: Cheerio оборачивается вокруг Parse5 для анализа HTML и может при желании использовать htmlParser2. Cheerio может анализировать практически любой HTML или XML -документ. Cheerio работает как в средах браузера, так и в серверных средах.
Сначала вам нужно загрузить в HTML. Этот шаг в jQuery неявен, так как jQuery работает на одном, запеченном доме. С Cheerio мы должны пройти в HTML -документ.
// ESM or TypeScript:
import * as cheerio from 'cheerio' ;
// In other environments:
const cheerio = require ( 'cheerio' ) ;
const $ = cheerio . load ( '<ul id="fruits">...</ul>' ) ;
$ . html ( ) ;
//=> <html><head></head><body><ul id="fruits">...</ul></body></html>После того, как вы загрузили HTML, вы можете использовать селекторы в стиле jQuery, чтобы найти элементы в документе.
selector ищет в рамках context , который ищет в root области. selector и context могут быть строковым выражением, элементом DOM, массивом элементов DOM или объектом Cheerio. root , если предоставлен, обычно является строкой документа HTML.
Этот метод селектора является отправной точкой для прохождения и манипулирования документом. Как и в jQuery, это основной метод выбора элементов в документе.
$ ( '.apple' , '#fruits' ) . text ( ) ;
//=> Apple
$ ( 'ul .pear' ) . attr ( 'class' ) ;
//=> pear
$ ( 'li[class=orange]' ) . html ( ) ;
//=> Orange Когда вы будете готовы отобрать документ, вы можете вызвать метод html на выборе «Корневой»:
$ . root ( ) . html ( ) ;
//=> <html>
// <head></head>
// <body>
// <ul id="fruits">
// <li class="apple">Apple</li>
// <li class="orange">Orange</li>
// <li class="pear">Pear</li>
// </ul>
// </body>
// </html> Если outerHTML outerHTML
$ ( '.pear' ) . prop ( 'outerHTML' ) ;
//=> <li class="pear">Pear</li> Вы также можете отобразить текстовое содержимое объекта Cheerio, используя метод text :
const $ = cheerio . load ( 'This is <em>content</em>.' ) ;
$ ( 'body' ) . text ( ) ;
//=> This is content.Коллекции Cheerio состоит из объектов, которые имеют некоторое сходство с узлами DOM на основе браузеров. Вы можете ожидать, что они определят следующие свойства:
tagNameparentNodepreviousSiblingnextSiblingnodeValuefirstChildchildNodeslastChildhttps://vimeo.com/31950192
Этот видеоурок-это продолжение «Как соскребтировать веб-страницы с Node.js и jQuery», используя Cheerio вместо JSDOM + JQUERY. Это видео показывает, как легко использовать Cheerio и насколько более быстрый Cheerio, чем JSDOM + jQuery.
Вы используете Cheerio в производстве? Добавьте его в вики!
Ваша компания использует Cheerio в производстве? Пожалуйста, рассмотрите возможность спонсировать этот проект! Ваша помощь позволит сопровождающим посвятить больше времени и ресурсов его разработке и поддержке.
Хедлайнеры спонсоров
Другие спонсоры
Станьте спонсором, чтобы показать свою поддержку Cheerio и помочь нам поддерживать и улучшить этот проект с открытым исходным кодом.
Грань
