cheerio笔记

不会的东西，再简单都是难；会的东西，再难都是简单。

给自己写的，写的通俗易懂。

cheerio：在node服务端，解析网页，是jquery的核心，去除了DOM中不一致的地方。

先获得网页的源码，再通过cheerio解析，可以迅速提出想要的字段。获得源码有点麻烦。

Load：

//使用的html字段
<ul id="fruits"> 
  <li class="apple">Apple</li> 
  <li class="orange">Orange</li> 
  <li class="pear">Pear</li> 
</ul>
//加载需要处理的字段，标准写法。
var cheerio = require('cheerio'),
$ = cheerio.load('<ul id="fruits">...</ul>', {
　　ignoreWhitespace: false,    //不 忽略空格
　　xmlMode: false,      //不使用xml模式
　　lowerCaseTags: false        //不区分大小写
});

Selectors：

$(selectior,[context],[root])：选择器在 Context 范围内搜索，Context又在Root范围内搜索。

属性：

.attr(name,value)：在匹配的元素中只能获得第一元素的属性。如果设置一个属性的值为null，则移除这个属性。

值：

.val([value]):获得和修改input,select,textarea的value

移除属性：

.removeAttr(name)

.hasClass( className )：检查匹配的元素是否有给出的类名

.addClass(className)：给元素加类

.removeClass([className])

.is(selector)：任何元素匹配selector就返回true

.is(function(index))：使用判定函数，判定函数在选中的元素中执行，所以this指向当前的元素。

.find(selector)：查找

.parent([selector])

.parents([selector])：父，祖父及以上元素

.closest([selector])：匹配这个元素和DOM层级关系上的祖先元素。

.next()

.nextAll()

.prev()

.preAll()

.slice(start,[end])：获得选定范围内的元素

.siblings(selector)：获得被选择的同级元素，除去自己

.children(selector)

.each(function(index,element))

.map(function(index,element))：跟each好像呀？

.filter(selector)：迭代一个cheerio对象，得出匹配选择器或者是传进去的函数的元素。

.filter(function(index))：如果使用函数方法，这个函数在被选择的元素中执行，所以this指向当前元素

.first()

.last()

.eq(i)：i为负数，从最后一个元素向前数

改变DOM的结构：

.append(content,[content…])：在每个元素的子元素最后插入一个子元素

.prepend(content,[content,…])：在每个元素的子元素最前插入一个子元素

.after(content,[content,…])：在每个匹配元素之后插入一个元素

.before(content,[content,…])：

.remove( [selector] )：从DOM中去除匹配的元素和它们的子元素

.replaceWith( content )：

.empty()：移除子元素

.html( [htmlString] )：如果htmlString有内容的话，将会替代原来的HTML

.text( [textString] )：获得元素的text内容，包括子元素。如果textString被指定的话，每个元素的text内容都会被替换。

输出：

$.html([selector])：

.toArray():取得所有的在DOM元素，转化为数组

.clone():克隆cheerio对象

$.root

$.contains( container, contained ):查看cotained元素是否是container元素的子元

$.parseHTML( data [, context ] [, keepScripts ] ):context参数对chreeio没有意义，但是用来维护APi的兼容性