cheerio
v1.0.0
中文文档 (chinesische Readme)
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
❤ Provenen Syntax: Cheerio implementiert eine Untergruppe von Core JQuery. Cheerio entfernt alle DOM -Inkonsistenzen und die Browser -Kreuzung aus der Jquery -Bibliothek und enthüllt seine wirklich wunderschöne API.
ϟ Blazierend schnell: Cheerio arbeitet mit einem sehr einfachen, konsistenten DOM -Modell. Infolgedessen sind Parsen, Manipulieren und Rendering unglaublich effizient.
❁ Unglaublich flexibel: Cheerio wickelt Parse5 zum Parsen von HTML und kann optional das verzeihende HTMLParser2 verwenden. Cheerio kann fast jedes HTML- oder XML -Dokument analysieren. Cheerio arbeitet sowohl in Browser- als auch in Serverumgebungen.
Zuerst müssen Sie die HTML laden. Dieser Schritt in JQuery ist implizit, da JQuery auf dem einen, der in Dom eingebreitet ist. Mit Cheerio müssen wir das HTML -Dokument übergeben.
// 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>Sobald Sie die HTML geladen haben, können Sie Selektoren im JQuery-Stil verwenden, um Elemente im Dokument zu finden.
selector innerhalb des context , der innerhalb des root sucht. selector und context können ein String -Ausdruck, ein DOM -Element, ein Array von DOM -Elementen oder ein Cheerio -Objekt sein. root ist, falls vorgesehen, normalerweise die HTML -Dokumentzeichenfolge.
Diese Auswahlmethode ist der Ausgangspunkt für das Durchqueren und Manipulieren des Dokuments. Wie in JQuery ist es die primäre Methode zur Auswahl von Elementen im Dokument.
$ ( '.apple' , '#fruits' ) . text ( ) ;
//=> Apple
$ ( 'ul .pear' ) . attr ( 'class' ) ;
//=> pear
$ ( 'li[class=orange]' ) . html ( ) ;
//=> Orange Wenn Sie bereit sind, das Dokument zu rendern, können Sie die html -Methode auf der Auswahl "Root" aufrufen:
$ . 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> Wenn Sie die outerHTML Auswahl rendern möchten, können Sie die outerHTML -Requisite verwenden:
$ ( '.pear' ) . prop ( 'outerHTML' ) ;
//=> <li class="pear">Pear</li> Sie können den Textinhalt eines Cheerio -Objekts auch mit der text rendern:
const $ = cheerio . load ( 'This is <em>content</em>.' ) ;
$ ( 'body' ) . text ( ) ;
//=> This is content.Cheerio-Kollektionen bestehen aus Objekten, die mit dem Browser-basierten Dom-Knoten ähneln. Sie können erwarten, dass sie die folgenden Eigenschaften definieren:
tagNameparentNodepreviousSiblingnextSiblingnodeValuefirstChildchildNodeslastChildhttps://vimeo.com/31950192
Dieses Video-Tutorial ist ein Follow-up zu Nettuts "Wie man Webseiten mit node.js und jQuery kratzt" mit Cheerio anstelle von JSDOM + JQuery. Dieses Video zeigt, wie einfach es ist, Cheerio zu verwenden und wie viel schneller Cheerio ist als JSDOM + JQuery.
Verwenden Sie Cheerio in der Produktion? Fügen Sie es dem Wiki hinzu!
Verwendet Ihr Unternehmen Cheerio in der Produktion? Bitte erwägen Sie, dieses Projekt zu sponsern! Ihre Hilfe ermöglicht es den Betreuern, mehr Zeit und Ressourcen für die Entwicklung und Unterstützung zu widmen.
Headliner -Sponsoren
Andere Sponsoren
Werden Sie ein Unterstützer, um Ihre Unterstützung für Cheerio zu zeigen und uns zu helfen, dieses Open -Source -Projekt zu erhalten und zu verbessern.
MIT
