ดาวน์โหลด cheerio - ดาวน์โหลดแหล่งที่มาของ cheerio

cheerio

ซอร์สโค้ดอื่น ๆ

v1.0.0

ดาวน์โหลด

ไชโย

ห้องสมุดที่รวดเร็วยืดหยุ่นและสง่างามสำหรับการแยกวิเคราะห์และจัดการ HTML และ XML

中文文档 (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 ใช้ชุดย่อยของ core jQuery Cheerio ลบความไม่สอดคล้องกันของ DOM ทั้งหมดและเบราว์เซอร์ Cruft ออกจากห้องสมุด jQuery เผยให้เห็น API ที่งดงามอย่างแท้จริง

ϟอย่างรวดเร็วอย่างรวดเร็ว: Cheerio ทำงานร่วมกับโมเดล DOM ที่เรียบง่ายและสอดคล้องกัน เป็นผลให้การแยกวิเคราะห์การจัดการและการแสดงผลมีประสิทธิภาพอย่างไม่น่าเชื่อ

❁ยืดหยุ่นอย่างไม่น่าเชื่อ: Cheerio ล้อมรอบ Parse5 สำหรับการแยกวิเคราะห์ HTML และสามารถเลือกใช้ HTMLPARSER2 ที่ให้อภัยได้ Cheerio สามารถแยกวิเคราะห์เอกสาร HTML หรือ XML ได้เกือบทุกฉบับ Cheerio ทำงานได้ทั้งในสภาพแวดล้อมของเบราว์เซอร์และเซิร์ฟเวอร์

API

การโหลด

ก่อนอื่นคุณต้องโหลดใน 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 เพื่อค้นหาองค์ประกอบภายในเอกสาร

$ (ตัวเลือก, [บริบท], [root])

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 ของการเลือกคุณสามารถใช้ prop outerHTML :

 $ ( '.pear' ) . prop ( 'outerHTML' ) ;
//=> <li class="pear">Pear</li>

นอกจากนี้คุณยังสามารถแสดงเนื้อหาข้อความของวัตถุ Cheerio โดยใช้วิธี text :

 const $ = cheerio . load ( 'This is <em>content</em>.' ) ;
$ ( 'body' ) . text ( ) ;
//=> This is content.

วัตถุ "Dom Node"

คอลเลกชัน Cheerio ประกอบด้วยวัตถุที่มีความคล้ายคลึงกับโหนด DOM ที่ใช้เบราว์เซอร์ คุณสามารถคาดหวังให้พวกเขากำหนดคุณสมบัติต่อไปนี้:

tagName
parentNode
previousSibling
nextSibling
nodeValue
firstChild
childNodes
lastChild

หน้าจอ

https://vimeo.com/31950192

การสอนวิดีโอนี้เป็นการติดตามผลของ "วิธีการขูดหน้าเว็บด้วย Node.js และ jQuery" ของ Nettut โดยใช้ Cheerio แทน JSDOM + JQuery วิดีโอนี้แสดงให้เห็นว่าการใช้ Cheerio นั้นง่ายเพียงใดและ Cheerio เร็วกว่า JSDOM + JQuery มากแค่ไหน

Cheerio ในโลกแห่งความเป็นจริง

คุณใช้ Cheerio ในการผลิตหรือไม่? เพิ่มลงในวิกิ!

ผู้สนับสนุน

บริษัท ของคุณใช้ Cheerio ในการผลิตหรือไม่? โปรดพิจารณาสนับสนุนโครงการนี้! ความช่วยเหลือของคุณจะช่วยให้ผู้ดูแลสามารถอุทิศเวลาและทรัพยากรให้กับการพัฒนาและการสนับสนุนได้มากขึ้น

ผู้สนับสนุนบุหลังคา

ผู้สนับสนุนอื่น ๆ