cheerio
v1.0.0
中文文档（中国の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
averven vidven styntax： Cheerioは、Core Jqueryのサブセットを実装します。 Cheerioは、JQuery LibraryからすべてのDOMの不整合とブラウザのCruftを削除し、本当にゴージャスなAPIを明らかにします。
blazむしろ速い： cheerioは非常にシンプルで一貫したDOMモデルで動作します。その結果、解析、操作、レンダリングは非常に効率的です。
htmlを解析するために、非常に柔軟： cheerioはparse5を包み込み、寛容なhtmlparser2をオプションで使用できます。 Cheerioは、ほぼすべてのHTMLまたはXMLドキュメントを解析できます。 Cheerioは、ブラウザ環境とサーバー環境の両方で動作します。
まず、HTMLにロードする必要があります。 jQueryのこのステップは、JqueryがBaked-in Domで動作するため、暗黙的です。 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スタイルのセレクターを使用してドキュメント内の要素を見つけることができます。
rootスコープ内で検索するcontextスコープ内のselector検索。 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>また、 textメソッドを使用して、cheerioオブジェクトのテキストコンテンツをレンダリングすることもできます。
const $ = cheerio . load ( 'This is <em>content</em>.' ) ;
$ ( 'body' ) . text ( ) ;
//=> This is content.Cheerioコレクションは、ブラウザーベースのDOMノードに似ているオブジェクトで構成されています。次のプロパティを定義することが期待できます。
tagNameparentNodepreviousSiblingnextSiblingnodeValuefirstChildchildNodeslastChildhttps://vimeo.com/31950192
このビデオチュートリアルは、jsdom + jqueryの代わりにcheerioを使用して、Nettutの「node.jsとjqueryでWebページを削る方法」のフォローアップです。このビデオは、chereioを使用するのがどれほど簡単か、Jsdom + jqueryよりも速度がどれほど速いかを示しています。
生産にcheerioを使用していますか？ wikiに追加してください！
あなたの会社は生産でCheerioを使用していますか？このプロジェクトのスポンサーを検討してください！あなたの助けにより、メンテナーはその開発とサポートにより多くの時間とリソースを捧げることができます。
ヘッドラインスポンサー
他のスポンサー
Cheerioのサポートを示すために支援者になり、このオープンソースプロジェクトを維持および改善してください。
mit
