node - cheerio模塊

cheerio 是nodejs特別為服務(wù)端定制的,能夠快速靈活的對JQuery核心進行實現(xiàn),工作于DOM模型上荤堪,并且解析囚戚、操作、呈送都很高效

//示例
var html = '<ul id="fruits">' +
    '   <li class="apple">Apple</li>' +
    '   <li class="orange">Orange</li>' +
    '   <li class="pear">Pear</li>' +
    '</ul>';
  • .load引入我們要解析的html
var cheerio = require('cheerio');
$ = cheerio.load(html);
  • 選擇器(selectors)

$(selector,[context],[root])(context褒侧、root通常會省略)

$('.apple') 
//選擇器定位到class=“apple”

$('ul .pear') 
//選擇器定位到ul中class = “pear”

$('li[class = orange]')
//選擇器定位到liclass=“orange”
  • 屬性操作(attr)
    .attr(name[,value])獲取和設(shè)置屬性
    第二個參數(shù)是可選的。當?shù)诙€參數(shù)不存在時表示獲取屬性的值谊迄,當有帶有第二個參數(shù)時闷供,表示設(shè)置屬性的值。如果設(shè)置一個屬性的值設(shè)置為null 统诺,則刪除該屬性
$('ul').attr('id');
//獲取ul的id屬性名

$('apple').attr('id','favorite').html;
//class為apple的添加了個id為favorite

.removeAttr(name)移除屬性

  • class操作
    .hasClass(className)判斷元素class中是否包含className
    .addClass(className)給元素添加className的樣式名
    removeClass(className)將元素上className的樣式名移除歪脏,當className為空時則移除所有樣式名
  • DOM操作
    .append(content)作為最后一個子元素插入
    prepend(content)作為第一個子元素插入
    .after(content)插入某一元素后面
    .before(content)插入某一元素前面
    .empty()清空節(jié)點,移除所有字節(jié)點
    .html()獲取節(jié)點的html內(nèi)容粮呢,傳入?yún)?shù)時設(shè)置該元素的html結(jié)構(gòu)
    .text()獲取節(jié)點的所有文本內(nèi)容

查找元素
.find()查找符合選擇條件的元素

$('#fruits').find('li').length;  //=> 3

.parent()獲取元素的父元素
.next()獲取元素的下一個兄弟元素
.perv()獲取元素的上一個兄弟元素
.children([selector])獲取元素的孩子節(jié)點
.siblings()獲取元素的所有同級元素(包括本身)
?
.filter(seletor/function(index))在cheerio對象集合中進行條件篩選
.fist()獲取cheerio集合中第一個cheerio對象
.last()cheerio最后一個對象
.eq(i)根據(jù)索引值i獲取cheerio的對象(i為負值時表示從尾部開始索引)
.clone()對cheerio對象進行復(fù)制

.eacn(function(index,element){……})遍歷每個元素
.map(function(index,element){……})對每一個元素進行處理并返回一個值

$.root 對頂級DOM進行操作
$.contains(container,contained)判斷container是否有contained

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末婿失,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子啄寡,更是在濱河造成了極大的恐慌豪硅,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件挺物,死亡現(xiàn)場離奇詭異舟误,居然都是意外死亡,警方通過查閱死者的電腦和手機姻乓,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來眯牧,“玉大人蹋岩,你說我怎么就攤上這事⊙伲” “怎么了剪个?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長版确。 經(jīng)常有香客問我扣囊,道長,這世上最難降的妖魔是什么绒疗? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任侵歇,我火速辦了婚禮,結(jié)果婚禮上吓蘑,老公的妹妹穿的比我還像新娘惕虑。我一直安慰自己坟冲,他們只是感情好,可當我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布溃蔫。 她就那樣靜靜地躺著健提,像睡著了一般。 火紅的嫁衣襯著肌膚如雪伟叛。 梳的紋絲不亂的頭發(fā)上私痹,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天,我揣著相機與錄音统刮,去河邊找鬼紊遵。 笑死,一個胖子當著我的面吹牛网沾,可吹牛的內(nèi)容都是我干的癞蚕。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼辉哥,長吁一口氣:“原來是場噩夢啊……” “哼桦山!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起醋旦,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤恒水,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后饲齐,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體钉凌,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年捂人,在試婚紗的時候發(fā)現(xiàn)自己被綠了御雕。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡滥搭,死狀恐怖酸纲,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情瑟匆,我是刑警寧澤闽坡,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站愁溜,受9級特大地震影響疾嗅,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜冕象,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一代承、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧渐扮,春花似錦次泽、人聲如沸穿仪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽啊片。三九已至,卻和暖如春玖像,著一層夾襖步出監(jiān)牢的瞬間紫谷,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工捐寥, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留笤昨,地道東北人。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓握恳,卻偏偏與公主長得像瞒窒,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子乡洼,可洞房花燭夜當晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案崇裁? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,728評論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)束昵,斷路器拔稳,智...
    卡卡羅2017閱讀 134,599評論 18 139
  • 原文鏈接 http://blog.poetries.top/2016/10/20/review-jQuery 關(guān)注...
    程序員poetry閱讀 16,635評論 18 503
  • 元認知能力是思考自己的思考過程的一種能力。我們可以通過提高自己的元認知能力锹雏,讓自己的思考效率更高巴比,也會促使自己在思...
    I_Marco閱讀 150評論 0 0
  • 當你看清了一個人而不揭穿轻绞,你就懂得了原諒的意義;討厭一個人而不翻臉,你就懂得了至極的尊重佣耐〔颍活著,總有你看不慣的人晰赞,...
    婷子_4ab7閱讀 158評論 0 0