{"id":4707,"date":"2016-01-06T16:14:26","date_gmt":"2016-01-06T08:14:26","guid":{"rendered":"https:\/\/sdeno.com\/?p=4707"},"modified":"2016-07-31T19:29:46","modified_gmt":"2016-07-31T11:29:46","slug":"nodejs%e7%88%ac%e8%99%ab-cheerio","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=4707","title":{"rendered":"nodejs\u722c\u866b-cheerio"},"content":{"rendered":"

nodejs\u91c7\u96c6<\/p>\n

php\u91c7\u96c6\u4f7f\u7528\u7684\u662fphpQuery\u53c2\u8003\u300aphp\u91c7\u96c6<\/a>\u300b<\/p>\n

nodejs\u91c7\u96c6\u7684\u6548\u7387\u8fdc\u8fdc\u9ad8\u4e8ephp\u63a8\u8350\u6a21\u5757cheerio\u3002\u4f7f\u7528\u65b9\u6cd5\u8ddfjquery\u7c7b\u4f3c\u5c31\u50cf\u64cd\u4f5cDOM\u4e00\u6837\u3002<\/p>\n

\u5b89\u88c5npm install cheerio<\/pre>\n
cheerio \u662f\u4e00\u4e2a\u4e3a\u670d\u52a1\u5668\u7279\u522b\u5b9a\u5236\u7684\uff0c\u5feb\u901f\u3001\u7075\u6d3b\u3001\u5c01\u88c5jQuery\u6838\u5fc3\u529f\u80fd\u5de5\u5177\u5305\u3002Cheerio\u5305\u62ec\u4e86 jQuery\u6838\u5fc3\u7684\u5b50\u96c6\uff0c\u4ecejQuery\u5e93\u4e2d\u53bb\u9664\u4e86\u6240\u6709DOM\u4e0d\u4e00\u81f4\u6027\u548c\u6d4f\u89c8\u5668\u4e0d\u517c\u5bb9\u7684\u90e8\u5206\uff0c\u63ed\u793a\u4e86\u5b83\u771f\u6b63\u4f18\u96c5\u7684API\u3002Cheerio\u5de5\u4f5c\u5728\u4e00\u4e2a\u975e\u5e38\u7b80 \u5355\uff0c\u4e00\u81f4\u7684DOM\u6a21\u578b\u4e4b\u4e0a\uff0c\u89e3\u6790\u3001\u64cd\u4f5c\u3001\u6e32\u67d3\u90fd\u53d8\u5f97\u96be\u4ee5\u7f6e\u4fe1\u7684\u9ad8\u6548\u3002\u57fa\u7840\u7684\u7aef\u5230\u7aef\u7684\u57fa\u51c6\u6d4b\u8bd5\u663e\u793aCheerio\u5927\u7ea6\u6bd4JSDOM\u5feb\u516b\u500d(8x)\u3002 Cheerio\u5c01\u88c5\u4e86@FB55\u517c\u5bb9\u7684htmlparser\uff0c\u51e0\u4e4e\u80fd\u591f\u89e3\u6790\u4efb\u4f55\u7684 HTML \u548c XML document\u3002<\/p>\n
 <\/p>\n
\/\/\u4ee5\u4e0b\u662f\u7b80\u5355\u5c01\u88c5\r\n\r\nvar request=require('request');\r\nvar $ =require('cheerio');\r\n\r\n\r\nfunction view_data(strurl,fn){\r\n  request(strurl, function (error, response, body) {\r\n     if (!error && response.statusCode == 200) {\r\n         (fn)(error, response, body);\r\n     }\r\n  });\r\n}\r\n\r\n\r\n\r\nview_data('https:\/\/sdeno.com<\/span>',function(error, response, body){\r\n   router.get('\/',function(req,res){\r\n       res.render('index',{\r\n         title:$(body).find('#menu-item-44').text()<\/span>\r\n       });\r\n    });\r\n});\r\n\r\n<\/pre>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
\u8fd9\u662f\u9996\u9009<\/strong>:<\/p>\n
var<\/span> cheerio <\/span>=<\/span>require<\/span>(<\/span>'cheerio'<\/span>),<\/span>\r\n    $ <\/span>=<\/span> cheerio<\/span>.<\/span>load<\/span>(<\/span>'<ul id=\"fruits\">...<\/ul>'<\/span>);<\/span><\/code><\/pre>\n
\u6216\u8005\u901a\u8fc7\u4f20\u9012\u5b57\u7b26\u4e32\u4f5c\u4e3a\u5185\u5bb9\u6765\u52a0\u8f7dHTML:<\/p>\n
$ <\/span>=<\/span>require<\/span>(<\/span>'cheerio'<\/span>);<\/span>\r\n$<\/span>(<\/span>'ul'<\/span>,<\/span>'<ul id=\"fruits\">...<\/ul>'<\/span>);<\/span><\/code><\/pre>\n
Or as the root:<\/p>\n
$ <\/span>=<\/span>require<\/span>(<\/span>'cheerio'<\/span>);<\/span>\r\n$<\/span>(<\/span>'li'<\/span>,<\/span>'ul'<\/span>,<\/span>'<ul id=\"fruits\">...<\/ul>'<\/span>);<\/span><\/code><\/pre>\n
\u4f60\u4e5f\u53ef\u4ee5\u4f20\u9012\u4e00\u4e2a\u989d\u5916\u7684\u5bf9\u8c61\u7ed9.load()\u5982\u679c\u4f60\u9700\u8981\u66f4\u6539\u4efb\u4f55\u7684\u9ed8\u8ba4\u89e3\u6790\u9009\u9879\u7684\u8bdd:<\/p>\n
$ <\/span>=<\/span> cheerio<\/span>.<\/span>load<\/span>(<\/span>'<ul id=\"fruits\">...<\/ul>'<\/span>,<\/span>{<\/span>\r\n    ignoreWhitespace<\/span>:<\/span>true<\/span>,<\/span>\r\n    xmlMode<\/span>:<\/span>true<\/span>});<\/span><\/code><\/pre>\n
\u8fd9\u4e9b\u89e3\u6790\u9009\u9879\u90fd\u662f\u76f4\u63a5\u6765\u81eahtmlparser \uff0c\u56e0\u6b64\u4efb\u4f55\u5728htmlparser\u91cc\u6709\u6548\u7684\u9009\u9879\u5728Chreeio\u91cc\u4e5f\u662f\u884c\u5f97\u901a\u7684\u3002\u9ed8\u8ba4\u7684\u9009\u9879\u5982\u4e0b:<\/p>\n
{<\/span>\r\n    ignoreWhitespace<\/span>:<\/span>false<\/span>,<\/span>\r\n    xmlMode<\/span>:<\/span>false<\/span>,<\/span>\r\n    lowerCaseTags<\/span>:<\/span>false<\/span>}<\/span><\/code><\/pre>\n
####Selectors<\/p>\n
Cheerio\u7684\u9009\u62e9\u5668\u7528\u8d77\u6765\u51e0\u4e4e\u548cjQuery\u4e00\u6837\uff0c\u6240\u4ee5API\u4e5f\u5f88\u76f8\u4f3c\u3002<\/p>\n
$(selectior,[context],[root])<\/strong><\/p>\n
\u9009\u62e9\u5668\u5728 Context \u8303\u56f4\u5185\u641c\u7d22\uff0cContext\u53c8\u5728Root\u8303\u56f4\u5185\u641c\u7d22\u3002selector \u548ccontext\u53ef\u662f\u662f\u4e00\u4e2a\u5b57\u7b26\u4e32\u8868\u8fbe\u5f0f\uff0cDOM\u5143\u7d20\uff0c\u548cDOM\u5143\u7d20\u7684\u6570\u7ec4\uff0c\u6216\u8005chreeio\u5bf9\u8c61\u3002root \u662f\u901a\u5e38\u662fHTML \u6587\u6863\u5b57\u7b26\u4e32\u3002<\/p>\n
$<\/span>(<\/span>'.apple'<\/span>,<\/span>'#fruits'<\/span>).<\/span>text<\/span>()<\/span>\/\/=> Apple<\/span>\r\n\r\n$<\/span>(<\/span>'ul .pear'<\/span>).<\/span>attr<\/span>(<\/span>'class'<\/span>)<\/span>\/\/=> pear<\/span>\r\n\r\n$<\/span>(<\/span>'li[class=orange]'<\/span>).<\/span>html<\/span>()<\/span>\/\/=> <li class=\"orange\">Orange<\/li><\/span><\/code><\/pre>\n
####Attributes \u83b7\u5f97\u548c\u4fee\u6539\u5c5e\u6027<\/p>\n
.attr(name,value)<\/strong><\/p>\n
\u83b7\u5f97\u548c\u4fee\u6539\u5c5e\u6027\u3002\u5728\u5339\u914d\u7684\u5143\u7d20\u4e2d\u53ea\u80fd\u83b7\u5f97\u7b2c\u4e00\u5143\u7d20\u7684\u5c5e\u6027\u3002\u5982\u679c\u8bbe\u7f6e\u4e00\u4e2a\u5c5e\u6027\u7684\u503c\u4e3anull\uff0c\u5219\u79fb\u9664\u8fd9\u4e2a\u5c5e\u6027\u3002\u4f60\u4e5f\u53ef\u4ee5\u4f20\u9012\u4e00\u5bf9\u952e\u503c\uff0c\u6216\u8005\u4e00\u4e2a\u51fd\u6570\u3002<\/p>\n
$<\/span>(<\/span>'ul'<\/span>).<\/span>attr<\/span>(<\/span>'id'<\/span>)<\/span>\/\/=> fruits<\/span>\r\n\r\n$<\/span>(<\/span>'.apple'<\/span>).<\/span>attr<\/span>(<\/span>'id'<\/span>,<\/span>'favorite'<\/span>).<\/span>html<\/span>()<\/span>\/\/=> <li class=\"apple\" id=\"favorite\">Apple<\/li><\/span><\/code><\/pre>\n
value([value])<\/strong><\/p>\n
\u83b7\u5f97\u548c\u4fee\u6539input,select,textarea\u7684value.\u6ce8\u610f: \u5bf9\u4e8e\u4f20\u9012\u952e\u503c\u548c\u51fd\u6570\u7684\u652f\u6301\u8fd8\u6ca1\u6709\u88ab\u52a0\u8fdb\u53bb\u3002<\/p>\n
$<\/span>(<\/span>'input[type=\"text\"]'<\/span>).<\/span>val<\/span>()<\/span>=><\/span> input_text\r\n\r\n$<\/span>(<\/span>'input[type=\"text\"]'<\/span>).<\/span>val<\/span>(<\/span>'test'<\/span>).<\/span>html<\/span>()<\/span>=><\/span><<\/span>input type<\/span>=<\/span>\"text\"<\/span> value<\/span>=<\/span>\"test\"<\/span>\/><\/span><\/code><\/pre>\n
.removeAttr(name)<\/strong><\/p>\n
\u901a\u8fc7name\u5220\u9664\u5c5e\u6027<\/p>\n
$<\/span>(<\/span>'.pear'<\/span>).<\/span>removeAttr<\/span>(<\/span>'class'<\/span>).<\/span>html<\/span>()<\/span>\/\/=> <li>Pear<\/li><\/span><\/code><\/pre>\n
.hasClass( className )<\/strong><\/p>\n
\u68c0\u67e5\u5339\u914d\u7684\u5143\u7d20\u662f\u5426\u6709\u7ed9\u51fa\u7684\u7c7b\u540d<\/p>\n
$<\/span>(<\/span>'.pear'<\/span>).<\/span>hasClass<\/span>(<\/span>'pear'<\/span>)<\/span>\/\/=> true<\/span>\r\n\r\n$<\/span>(<\/span>'apple'<\/span>).<\/span>hasClass<\/span>(<\/span>'fruit'<\/span>)<\/span>\/\/=> false<\/span>\r\n\r\n$<\/span>(<\/span>'li'<\/span>).<\/span>hasClass<\/span>(<\/span>'pear'<\/span>)<\/span>\/\/=> true<\/span><\/code><\/pre>\n
.addClass(className)<\/strong><\/p>\n
\u589e\u52a0class(es)\u7ed9\u6240\u6709\u5339\u914d\u7684elements.\u4e5f\u53ef\u4ee5\u4f20\u51fd\u6570\u3002<\/p>\n
$<\/span>(<\/span>'.pear'<\/span>).<\/span>addClass<\/span>(<\/span>'fruit'<\/span>).<\/span>html<\/span>()<\/span>\/\/=> <li class=\"pear fruit\">Pear<\/li><\/span>\r\n\r\n$<\/span>(<\/span>'.apple'<\/span>).<\/span>addClass<\/span>(<\/span>'fruit red'<\/span>).<\/span>html<\/span>()<\/span>\/\/=> <li class=\"apple fruit red\">Apple<\/li><\/span><\/code><\/pre>\n
.removeClass([className])<\/strong><\/p>\n
\u4ece\u9009\u62e9\u7684elements\u91cc\u53bb\u9664\u4e00\u4e2a\u6216\u591a\u4e2a\u6709\u7a7a\u683c\u5206\u5f00\u7684class\u3002\u5982\u679cclassName \u6ca1\u6709\u5b9a\u4e49\uff0c\u6240\u6709\u7684classes\u5c06\u4f1a\u88ab\u53bb\u9664\uff0c\u4e5f\u53ef\u4ee5\u4f20\u51fd\u6570\u3002<\/p>\n
$<\/span>(<\/span>'.pear'<\/span>).<\/span>removeClass<\/span>(<\/span>'pear'<\/span>).<\/span>html<\/span>()<\/span>\/\/=> <li class=\"\">Pear<\/li><\/span>\r\n\r\n$<\/span>(<\/span>'.apple'<\/span>).<\/span>addClass<\/span>(<\/span>'red'<\/span>).<\/span>removeClass<\/span>().<\/span>html<\/span>()<\/span>\/\/=> <li class=\"\">Apple<\/li><\/span><\/code><\/pre>\n
.is.(selector)<\/strong><\/p>\n
.is(function(index))<\/strong><\/p>\n
\u6709\u4efb\u4f55\u5143\u7d20\u5339\u914dselector\u5c31\u8fd4\u56detrue\u3002\u5982\u679c\u4f7f\u7528\u5224\u5b9a\u51fd\u6570\uff0c\u5224\u5b9a\u51fd\u6570\u5728\u9009\u4e2d\u7684\u5143\u7d20\u4e2d\u6267\u884c\uff0c\u6240\u4ee5this\u6307\u5411\u5f53\u524d\u7684\u5143\u7d20\u3002<\/p>\n
####Traversing<\/p>\n
.find(selector)<\/strong><\/p>\n
\u83b7\u5f97\u4e00\u4e2a\u5728\u5339\u914d\u7684\u5143\u7d20\u4e2d\u7531\u9009\u62e9\u5668\u6ee4\u8fc7\u7684\u540e\u4ee3\u3002<\/p>\n
$<\/span>(<\/span>'#fruits'<\/span>).<\/span>find<\/span>(<\/span>'li'<\/span>).<\/span>length\r\n<\/span>\/\/=> 3<\/span><\/code><\/pre>\n
.parent([selector])<\/strong><\/p>\n
\u83b7\u5f97\u6bcf\u4e2a\u5339\u914d\u5143\u7d20\u7684parent,\u53ef\u9009\u62e9\u6027\u7684\u901a\u8fc7selector\u7b5b\u9009\u3002<\/p>\n
$<\/span>(<\/span>'.pear'<\/span>).<\/span>parent<\/span>().<\/span>attr<\/span>(<\/span>'id'<\/span>)<\/span>\/\/=> fruits<\/span><\/code><\/pre>\n
.parents([selector])<\/strong><\/p>\n
\u83b7\u5f97\u901a\u8fc7\u9009\u62e9\u5668\u7b5b\u9009\u5339\u914d\u7684\u5143\u7d20\u7684parent\u96c6\u5408\u3002<\/p>\n
$<\/span>(<\/span>'.orange'<\/span>).<\/span>parents<\/span>().<\/span>length\r\n<\/span>\/\/ => 2<\/span>\r\n$<\/span>(<\/span>'.orange'<\/span>).<\/span>parents<\/span>(<\/span>'#fruits'<\/span>).<\/span>length\r\n<\/span>\/\/ => 1<\/span><\/code><\/pre>\n
.closest([selector])<\/strong><\/p>\n
\u5bf9\u4e8e\u6bcf\u4e2a\u96c6\u5408\u5185\u7684\u5143\u7d20\uff0c\u901a\u8fc7\u6d4b\u8bd5\u8fd9\u4e2a\u5143\u7d20\u548cDOM\u5c42\u7ea7\u5173\u7cfb\u4e0a\u7684\u7956\u5148\u5143\u7d20\uff0c\u83b7\u5f97\u7b2c\u4e00\u4e2a\u5339\u914d\u7684\u5143\u7d20<\/p>\n
$<\/span>(<\/span>'.orange'<\/span>).<\/span>closest<\/span>()<\/span>\/\/ => []<\/span>\r\n$<\/span>(<\/span>'.orange'<\/span>).<\/span>closest<\/span>(<\/span>'.apple'<\/span>)<\/span>\/\/ => []<\/span>\r\n$<\/span>(<\/span>'.orange'<\/span>).<\/span>closest<\/span>(<\/span>'li'<\/span>)<\/span>\/\/ => [<li class=\"orange\">Orange<\/li>]<\/span>\r\n$<\/span>(<\/span>'.orange'<\/span>).<\/span>closest<\/span>(<\/span>'#fruits'<\/span>)<\/span>\/\/ => [<ul id=\"fruits\"> ... <\/ul>]<\/span><\/code><\/pre>\n
.next()<\/strong> \u83b7\u5f97\u7b2c\u4e00\u4e2a\u672c\u5143\u7d20\u4e4b\u540e\u7684\u540c\u7ea7\u5143\u7d20<\/p>\n
$<\/span>(<\/span>'.apple'<\/span>).<\/span>next<\/span>().<\/span>hasClass<\/span>(<\/span>'orange'<\/span>)<\/span>\/\/=> true<\/span><\/code><\/pre>\n
.nextAll()<\/strong><\/p>\n
\u83b7\u5f97\u672c\u5143\u7d20\u4e4b\u540e\u7684\u6240\u6709\u540c\u7ea7\u5143\u7d20<\/p>\n
$<\/span>(<\/span>'.apple'<\/span>).<\/span>nextAll<\/span>()<\/span>\/\/=> [<li class=\"orange\">Orange<\/li>, <li class=\"pear\">Pear<\/li>]<\/span><\/code><\/pre>\n
.prev()<\/strong><\/p>\n
\u83b7\u5f97\u672c\u5143\u7d20\u4e4b\u524d\u7684\u7b2c\u4e00\u4e2a\u540c\u7ea7\u5143\u7d20<\/p>\n
$<\/span>(<\/span>'.orange'<\/span>).<\/span>prev<\/span>().<\/span>hasClass<\/span>(<\/span>'apple'<\/span>)<\/span>\/\/=> true<\/span><\/code><\/pre>\n
.preAll()<\/strong><\/p>\n
$<\/span>(<\/span>'.pear'<\/span>).<\/span>prevAll<\/span>()<\/span>\/\/=> [<li class=\"orange\">Orange<\/li>, <li class=\"apple\">Apple<\/li>]<\/span><\/code><\/pre>\n
\u83b7\u5f97\u672c\u5143\u7d20\u524d\u7684\u6240\u6709\u540c\u7ea7\u5143\u7d20<\/p>\n
.slice(start,[end])<\/strong><\/p>\n
\u83b7\u5f97\u9009\u5b9a\u8303\u56f4\u5185\u7684\u5143\u7d20<\/p>\n
$<\/span>(<\/span>'li'<\/span>).<\/span>slice<\/span>(<\/span>1<\/span>).<\/span>eq<\/span>(<\/span>0<\/span>).<\/span>text<\/span>()<\/span>\/\/=> 'Orange'<\/span>\r\n\r\n$<\/span>(<\/span>'li'<\/span>).<\/span>slice<\/span>(<\/span>1<\/span>,<\/span>2<\/span>).<\/span>length\r\n<\/span>\/\/=> 1<\/span><\/code><\/pre>\n
.siblings(selector)<\/strong><\/p>\n
\u83b7\u5f97\u88ab\u9009\u62e9\u7684\u540c\u7ea7\u5143\u7d20\uff0c\u9664\u53bb\u81ea\u5df1??<\/p>\n
$<\/span>(<\/span>'.pear'<\/span>).<\/span>siblings<\/span>().<\/span>length\r\n<\/span>\/\/=> 2<\/span>\r\n\r\n$<\/span>(<\/span>'.pear'<\/span>).<\/span>siblings<\/span>(<\/span>'.orange'<\/span>).<\/span>length\r\n<\/span>\/\/=> 1<\/span><\/code><\/pre>\n
.children(selector)<\/strong><\/p>\n
\u83b7\u88ab\u9009\u62e9\u5143\u7d20\u7684\u5b50\u5143\u7d20<\/p>\n
$<\/span>(<\/span>'#fruits'<\/span>).<\/span>children<\/span>().<\/span>length\r\n<\/span>\/\/=> 3<\/span>\r\n\r\n$<\/span>(<\/span>'#fruits'<\/span>).<\/span>children<\/span>(<\/span>'.pear'<\/span>).<\/span>text<\/span>()<\/span>\/\/=> Pear<\/span><\/code><\/pre>\n
.each(function(index,element))<\/strong><\/p>\n
\u8fed\u4ee3\u4e00\u4e2acheerio\u5bf9\u8c61\uff0c\u4e3a\u6bcf\u4e2a\u5339\u914d\u5143\u7d20\u6267\u884c\u4e00\u4e2a\u51fd\u6570\u3002When the callback is fired, the function is fired in the context of the DOM element, so this refers to the current element, which is equivalent to the function parameter element.\u8981\u63d0\u65e9\u8df3\u51fa\u5faa\u73af\uff0c\u8fd4\u56defalse.<\/p>\n
var<\/span> fruits <\/span>=<\/span>[];<\/span>\r\n\r\n$<\/span>(<\/span>'li'<\/span>).<\/span>each<\/span>(<\/span>function<\/span>(<\/span>i<\/span>,<\/span> elem<\/span>)<\/span>{<\/span>\r\n  fruits<\/span>[<\/span>i<\/span>]<\/span>=<\/span> $<\/span>(<\/span>this<\/span>).<\/span>text<\/span>();<\/span>});<\/span>\r\n\r\nfruits<\/span>.<\/span>join<\/span>(<\/span>', '<\/span>);<\/span>\/\/=> Apple, Orange, Pear<\/span><\/code><\/pre>\n
.map(function(index,element))<\/strong><\/p>\n
\u8fed\u4ee3\u4e00\u4e2acheerio\u5bf9\u8c61\uff0c\u4e3a\u6bcf\u4e2a\u5339\u914d\u5143\u7d20\u6267\u884c\u4e00\u4e2a\u51fd\u6570\u3002Map\u4f1a\u8fd4\u56de\u4e00\u4e2a\u8fed\u4ee3\u7ed3\u679c\u7684\u6570\u7ec4\u3002the function is fired in the context of the DOM element, so this refers to the current element, which is equivalent to the function parameter element<\/p>\n
$<\/span>(<\/span>'li'<\/span>).<\/span>map<\/span>(<\/span>function<\/span>(<\/span>i<\/span>,<\/span> el<\/span>)<\/span>{<\/span>\/\/ this === el<\/span>return<\/span> $<\/span>(<\/span>this<\/span>).<\/span>attr<\/span>(<\/span>'class'<\/span>);<\/span>}).<\/span>join<\/span>(<\/span>', '<\/span>);<\/span>\/\/=> apple, orange, pear<\/span><\/code><\/pre>\n
.filter(selector)<\/strong><\/p>\n
.filter(function(index))<\/strong><\/p>\n
\u8fed\u4ee3\u4e00\u4e2acheerio\u5bf9\u8c61\uff0c\u6ee4\u51fa\u5339\u914d\u9009\u62e9\u5668\u6216\u8005\u662f\u4f20\u8fdb\u53bb\u7684\u51fd\u6570\u7684\u5143\u7d20\u3002\u5982\u679c\u4f7f\u7528\u51fd\u6570\u65b9\u6cd5\uff0c\u8fd9\u4e2a\u51fd\u6570\u5728\u88ab\u9009\u62e9\u7684\u5143\u7d20\u4e2d\u6267\u884c\uff0c\u6240\u4ee5this\u6307\u5411\u7684\u624b\u52bf\u5f53\u524d\u5143\u7d20\u3002<\/p>\n
Selector:<\/p>\n
$<\/span>(<\/span>'li'<\/span>).<\/span>filter<\/span>(<\/span>'.orange'<\/span>).<\/span>attr<\/span>(<\/span>'class'<\/span>);<\/span>\/\/=> orange<\/span><\/code><\/pre>\n
Function:<\/p>\n
$<\/span>(<\/span>'li'<\/span>).<\/span>filter<\/span>(<\/span>function<\/span>(<\/span>i<\/span>,<\/span> el<\/span>)<\/span>{<\/span>\/\/ this === el<\/span>return<\/span> $<\/span>(<\/span>this<\/span>).<\/span>attr<\/span>(<\/span>'class'<\/span>)<\/span>===<\/span>'orange'<\/span>;<\/span>}).<\/span>attr<\/span>(<\/span>'class'<\/span>)<\/span>\/\/=> orange<\/span><\/code><\/pre>\n
.first()<\/strong><\/p>\n
\u4f1a\u9009\u62e9chreeio\u5bf9\u8c61\u7684\u7b2c\u4e00\u4e2a\u5143\u7d20<\/p>\n
$<\/span>(<\/span>'#fruits'<\/span>).<\/span>children<\/span>().<\/span>first<\/span>().<\/span>text<\/span>()<\/span>\/\/=> Apple<\/span><\/code><\/pre>\n
.last()<\/strong><\/p>\n
$<\/span>(<\/span>'#fruits'<\/span>).<\/span>children<\/span>().<\/span>last<\/span>().<\/span>text<\/span>()<\/span>\/\/=> Pear<\/span><\/code><\/pre>\n
\u4f1a\u9009\u62e9chreeio\u5bf9\u8c61\u7684\u6700\u540e\u4e00\u4e2a\u5143\u7d20<\/p>\n
.eq(i)<\/strong><\/p>\n
\u901a\u8fc7\u7d22\u5f15\u7b5b\u9009\u5339\u914d\u7684\u5143\u7d20\u3002\u4f7f\u7528.eq(-i)\u5c31\u4ece\u6700\u540e\u4e00\u4e2a\u5143\u7d20\u5411\u524d\u6570\u3002<\/p>\n
$<\/span>(<\/span>'li'<\/span>).<\/span>eq<\/span>(<\/span>0<\/span>).<\/span>text<\/span>()<\/span>\/\/=> Apple<\/span>\r\n\r\n$<\/span>(<\/span>'li'<\/span>).<\/span>eq<\/span>(-<\/span>1<\/span>).<\/span>text<\/span>()<\/span>\/\/=> Pear<\/span><\/code><\/pre>\n
###Manipulation<\/p>\n
\u6539\u53d8DOM\u7ed3\u6784\u7684\u65b9\u6cd5<\/p>\n
.append(content,[content\u2026])<\/strong><\/p>\n
\u5728\u6bcf\u4e2a\u5143\u7d20\u6700\u540e\u63d2\u5165\u4e00\u4e2a\u5b50\u5143\u7d20<\/p>\n
$<\/span>(<\/span>'ul'<\/span>).<\/span>append<\/span>(<\/span>'<li class=\"plum\">Plum<\/li>'<\/span>)<\/span>\r\n$<\/span>.<\/span>html<\/span>()<\/span>\/\/=>  <ul id=\"fruits\"><\/span>\/\/      <li class=\"apple\">Apple<\/li><\/span>\/\/      <li class=\"orange\">Orange<\/li><\/span>\/\/      <li class=\"pear\">Pear<\/li><\/span>\/\/      <li class=\"plum\">Plum<\/li><\/span>\/\/    <\/ul><\/span><\/code><\/pre>\n
.prepend(content,[content,\u2026])<\/strong><\/p>\n
\u5728\u6bcf\u4e2a\u5143\u7d20\u6700\u524d\u63d2\u5165\u4e00\u4e2a\u5b50\u5143\u7d20<\/p>\n
$<\/span>(<\/span>'ul'<\/span>).<\/span>prepend<\/span>(<\/span>'<li class=\"plum\">Plum<\/li>'<\/span>)<\/span>\r\n$<\/span>.<\/span>html<\/span>()<\/span>\/\/=>  <ul id=\"fruits\"><\/span>\/\/      <li class=\"plum\">Plum<\/li><\/span>\/\/      <li class=\"apple\">Apple<\/li><\/span>\/\/      <li class=\"orange\">Orange<\/li><\/span>\/\/      <li class=\"pear\">Pear<\/li><\/span>\/\/    <\/ul><\/span><\/code><\/pre>\n
.after(content,[content,\u2026])<\/strong><\/p>\n
\u5728\u6bcf\u4e2a\u5339\u914d\u5143\u7d20\u4e4b\u540e\u63d2\u5165\u4e00\u4e2a\u5143\u7d20<\/p>\n
$<\/span>(<\/span>'.apple'<\/span>).<\/span>after<\/span>(<\/span>'<li class=\"plum\">Plum<\/li>'<\/span>)<\/span>\r\n$<\/span>.<\/span>html<\/span>()<\/span>\/\/=>  <ul id=\"fruits\"><\/span>\/\/      <li class=\"apple\">Apple<\/li><\/span>\/\/      <li class=\"plum\">Plum<\/li><\/span>\/\/      <li class=\"orange\">Orange<\/li><\/span>\/\/      <li class=\"pear\">Pear<\/li><\/span>\/\/    <\/ul><\/span><\/code><\/pre>\n
.before(content,[content,\u2026])<\/strong><\/p>\n
\u5728\u6bcf\u4e2a\u5339\u914d\u7684\u5143\u7d20\u4e4b\u524d\u63d2\u5165\u4e00\u4e2a\u5143\u7d20<\/p>\n
$<\/span>(<\/span>'.apple'<\/span>).<\/span>before<\/span>(<\/span>'<li class=\"plum\">Plum<\/li>'<\/span>)<\/span>\r\n$<\/span>.<\/span>html<\/span>()<\/span>\/\/=>  <ul id=\"fruits\"><\/span>\/\/      <li class=\"plum\">Plum<\/li><\/span>\/\/      <li class=\"apple\">Apple<\/li><\/span>\/\/      <li class=\"orange\">Orange<\/li><\/span>\/\/      <li class=\"pear\">Pear<\/li><\/span>\/\/    <\/ul><\/span><\/code><\/pre>\n
.remove( [selector] )<\/strong><\/p>\n
\u4eceDOM\u4e2d\u53bb\u9664\u5339\u914d\u7684\u5143\u7d20\u548c\u5b83\u4eec\u7684\u5b50\u5143\u7d20\u3002\u9009\u62e9\u5668\u7528\u6765\u7b5b\u9009\u8981\u5220\u9664\u7684\u5143\u7d20\u3002<\/p>\n
$<\/span>(<\/span>'.pear'<\/span>).<\/span>remove<\/span>()<\/span>\r\n$<\/span>.<\/span>html<\/span>()<\/span>\/\/=>  <ul id=\"fruits\"><\/span>\/\/      <li class=\"apple\">Apple<\/li><\/span>\/\/      <li class=\"orange\">Orange<\/li><\/span>\/\/    <\/ul><\/span><\/code><\/pre>\n
.replaceWith( content )<\/strong><\/p>\n
\u66ff\u6362\u5339\u914d\u7684\u7684\u5143\u7d20<\/p>\n
var<\/span> plum <\/span>=<\/span> $<\/span>(<\/span>'<li class=\"plum\">Plum<\/li>'<\/span>)<\/span>\r\n$<\/span>(<\/span>'.pear'<\/span>).<\/span>replaceWith<\/span>(<\/span>plum<\/span>)<\/span>\r\n$<\/span>.<\/span>html<\/span>()<\/span>\/\/=> <ul id=\"fruits\"><\/span>\/\/     <li class=\"apple\">Apple<\/li><\/span>\/\/     <li class=\"orange\">Orange<\/li><\/span>\/\/     <li class=\"plum\">Plum<\/li><\/span>\/\/   <\/ul><\/span><\/code><\/pre>\n
.empty()<\/strong><\/p>\n
\u6e05\u7a7a\u4e00\u4e2a\u5143\u7d20\uff0c\u79fb\u9664\u6240\u6709\u7684\u5b50\u5143\u7d20<\/p>\n
$<\/span>(<\/span>'ul'<\/span>).<\/span>empty<\/span>()<\/span>\r\n$<\/span>.<\/span>html<\/span>()<\/span>\/\/=>  <ul id=\"fruits\"><\/ul><\/span><\/code><\/pre>\n
.html( [htmlString] )<\/strong><\/p>\n
\u83b7\u5f97\u5143\u7d20\u7684HTML\u5b57\u7b26\u4e32\u3002\u5982\u679chtmlString\u6709\u5185\u5bb9\u7684\u8bdd\uff0c\u5c06\u4f1a\u66ff\u4ee3\u539f\u6765\u7684HTML<\/p>\n
$<\/span>(<\/span>'.orange'<\/span>).<\/span>html<\/span>()<\/span>\/\/=> Orange<\/span>\r\n\r\n$<\/span>(<\/span>'#fruits'<\/span>).<\/span>html<\/span>(<\/span>'<li class=\"mango\">Mango<\/li>'<\/span>).<\/span>html<\/span>()<\/span>\/\/=> <li class=\"mango\">Mango<\/li><\/span><\/code><\/pre>\n
.text( [textString] )<\/strong><\/p>\n
\u83b7\u5f97\u5143\u7d20\u7684text\u5185\u5bb9\uff0c\u5305\u62ec\u5b50\u5143\u7d20\u3002\u5982\u679ctextString\u88ab\u6307\u5b9a\u7684\u8bdd\uff0c\u6bcf\u4e2a\u5143\u7d20\u7684text\u5185\u5bb9\u90fd\u4f1a\u88ab\u66ff\u6362\u3002<\/p>\n
$<\/span>(<\/span>'.orange'<\/span>).<\/span>text<\/span>()<\/span>\/\/=> Orange<\/span>\r\n\r\n$<\/span>(<\/span>'ul'<\/span>).<\/span>text<\/span>()<\/span>\/\/=>  Apple<\/span>\/\/    Orange<\/span>\/\/    Pear<\/span><\/code><\/pre>\n
###Rendering<\/p>\n
\u5982\u679c\u4f60\u60f3\u5448\u9001document\uff0c\u4f60\u80fd\u4f7f\u7528html\u591a\u6548\u7528\u51fd\u6570\u3002<\/p>\n
$<\/span>.<\/span>html<\/span>()<\/span>\/\/=>  <ul id=\"fruits\"><\/span>\/\/      <li class=\"apple\">Apple<\/li><\/span>\/\/      <li class=\"orange\">Orange<\/li><\/span>\/\/      <li class=\"pear\">Pear<\/li><\/span>\/\/    <\/ul><\/span><\/code><\/pre>\n
\u5982\u679c\u4f60\u60f3\u5448\u9001outerHTML,\u4f60\u53ef\u4ee5\u4f7f\u7528 $.html(selector)<\/p>\n
$<\/span>.<\/span>html<\/span>(<\/span>'.pear'<\/span>)<\/span>\/\/=> <li class=\"pear\">Pear<\/li><\/span><\/code><\/pre>\n
\u9ed8\u8ba4\u7684,html\u4f1a\u8ba9\u4e00\u4e9b\u6807\u7b7e\u4fdd\u6301\u5f00\u6807\u7b7e\u7684\u72b6\u6001.\u6709\u65f6\u5019\u4f60\u60f3\u5448\u73b0\u4e00\u4e2a\u6709\u6548\u7684XML\u6587\u6863.\u4f8b\u5982\u4e0b\u9762\u8fd9\u4e2a:<\/p>\n
$ <\/span>=<\/span> cheerio<\/span>.<\/span>load<\/span>(<\/span>'<media:thumbnail url=\"http:\/\/www.foo.com\/keyframe.jpg\" width=\"75\" height=\"50\" time=\"12:05:01.123\"\/>'<\/span>);<\/span><\/code><\/pre>\n
\u7136\u540e\u4e3a\u4e86\u5448\u73b0\u8fd9\u4e2aXML,\u4f60\u9700\u8981\u4f7f\u7528xml<\/code>\u8fd9\u4e2a\u51fd\u6570:<\/p>\n
$<\/span>.<\/span>xml<\/span>()<\/span>\/\/=>  <media:thumbnail url=\"http:\/\/www.foo.com\/keyframe.jpg\" width=\"75\" height=\"50\" time=\"12:05:01.123\"\/><\/span><\/code><\/pre>\n
###Miscellaneous<\/p>\n
\u4e0d\u5c5e\u4e8e\u5176\u5b83\u5730\u65b9\u7684DOM \u5143\u7d20\u65b9\u6cd5<\/p>\n
.toArray()<\/strong><\/p>\n
\u53d6\u5f97\u6240\u6709\u7684\u5728DOM\u5143\u7d20\uff0c\u8f6c\u5316\u4e3a\u6570\u7ec4\u3001<\/p>\n
$<\/span>(<\/span>'li'<\/span>).<\/span>toArray<\/span>()<\/span>\/\/=> [ {...}, {...}, {...} ]<\/span><\/code><\/pre>\n
.clone()<\/strong><\/p>\n
\u514b\u9686cheerio\u5bf9\u8c61<\/p>\n
var<\/span> moreFruit <\/span>=<\/span> $<\/span>(<\/span>'#fruits'<\/span>).<\/span>clone<\/span>()<\/span><\/code><\/pre>\n
###Utilities<\/p>\n
$.root<\/strong> \u6709\u65f6\u5019\u4f60\u60f3\u627e\u5230\u6700\u4e0a\u5c42\u7684root\u5143\u7d20,\u90a3\u4e48$.root()<\/code>\u5c31\u80fd\u83b7\u5f97:<\/p>\n
$<\/span>.<\/span>root<\/span>().<\/span>append<\/span>(<\/span>'<ul id=\"vegetables\"><\/ul>'<\/span>).<\/span>html<\/span>();<\/span>\/\/=> <ul id=\"fruits\">...<\/ul><ul id=\"vegetables\"><\/ul><\/span><\/code><\/pre>\n
$.contains( container, contained )<\/strong><\/p>\n
\u67e5\u770bcotained\u5143\u7d20\u662f\u5426\u662fcontainer\u5143\u7d20\u7684\u5b50\u5143\u7d20<\/p>\n
$.parseHTML( data [, context ] [, keepScripts ] )<\/strong><\/p>\n
\u5c06\u5b57\u7b26\u4e32\u89e3\u6790\u4e3aDOM\u8282\u70b9\u6570\u7ec4\u3002context\u53c2\u6570\u5bf9chreeio\u6ca1\u6709\u610f\u4e49\uff0c\u4f46\u662f\u7528\u6765\u7ef4\u62a4APi\u7684\u517c\u5bb9\u6027\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
nodejs\u91c7\u96c6 php\u91c7\u96c6\u4f7f\u7528\u7684\u662fphpQuery\u53c2\u8003\u300aphp\u91c7\u96c6\u300b nodejs\u91c7\u96c6\u7684\u6548\u7387\u8fdc\u8fdc\u9ad8\u4e8ephp\u63a8 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35],"tags":[],"class_list":["post-4707","post","type-post","status-publish","format-standard","hentry","category-nodejs"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/4707","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4707"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/4707\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4707"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4707"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\u66f4\u591a\u4fe1\u606f\u770b\u8fd9\u91cc<\/a><\/p>\n
\u66f4\u591a\u4fe1\u606f\u770b\u8fd9\u91cc<\/a><\/p>\n
\u66f4\u591a\u4fe1\u606f\u8bf7\u770b\u8fd9\u91cc<\/a><\/p>\n
\u60f3\u770b\u9009\u9879\u6e05\u5355\u548c\u5b83\u4eec\u90fd\u6548\u679c\uff0c\u770b \u8fd9\u4e2a<\/a>\u548c \u8fd9\u4e2a<\/a><\/p>\n