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
❤ 입증 된 구문 : Cheerio는 핵심 jquery의 하위 집합을 구현합니다. Cheerio는 jQuery 라이브러리에서 모든 DOM 불일치와 브라우저 크루 프트를 제거하여 진정으로 화려한 API를 드러냅니다.
blazly Fast : Cheerio는 매우 간단하고 일관된 DOM 모델과 함께 작동합니다. 결과적으로 구문 분석, 조작 및 렌더링은 엄청나게 효율적입니다.
‘엄청나게 유연한 : HTML을 구문 분석하기 위해 Parse5를 감싸고 용서하는 HTMLPARSER2를 선택적으로 사용할 수 있습니다. Cheerio는 거의 모든 HTML 또는 XML 문서를 구문 분석 할 수 있습니다. Cheerio는 브라우저 및 서버 환경 모두에서 작동합니다.
먼저 HTML에로드해야합니다. jQuery 의이 단계는 jQuery가 구운 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 스타일 선택기를 사용하여 문서 내에서 요소를 찾을 수 있습니다.
context 범위 내에서 selector 검색은 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 prop를 사용할 수 있습니다.
$ ( '.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로 웹 페이지를 긁어내는 방법"의 후속 조치입니다. 이 비디오는 Cheerio를 사용하는 것이 얼마나 쉬우 며 JSDOM + jQuery보다 더 빠른 Cheerio가 얼마나 빠릅니다.
프로덕션에서 Cheerio를 사용하고 있습니까? 위키에 추가하십시오!
회사가 생산에서 Cheerio를 사용합니까? 이 프로젝트를 후원하는 것을 고려하십시오! 귀하의 도움을 통해 관리자는 개발 및 지원에 더 많은 시간과 자원을 전념 할 수 있습니다.
헤드 라이닝 스폰서
다른 스폰서
응원에 대한 지원을 보여 주고이 오픈 소스 프로젝트를 유지하고 개선하도록 도와주는 후원자가 되십시오.
MIT
