D3.js核心函数之选择器

D3使用CSS3中的选择方式来选择元素，比如标签 ("div")、类(“.awesome”)、唯一标识符(“#foo”)、属性(“[color=red]”)、或者包含(“parent child”)等等，不再赘述，不熟悉的自己百度。

选择元素

d3.select(selector)，返回匹配的第一个元素，没有则返回空

d3.selectAll(selector)，返回所有匹配的元素数组，没有则返回空

内容

selection.attr(name[,value])，如果指定了value值，则为指定元素设置名为name值为value的属性，当value为常数时，则所有匹配元素都将设置相同的属性值，当value为函数时，则依次为元素设置值，该函数的参数是当前数据元素d和当前索引i，以及代表当前DOM元素的this上下文；如果没有指定value值，就会返回选中的第一个非空属性值。可以使用对象的方式同时设置多个属性，value值为null会清空内容。以下几种操作也类似。

selection.classed(name[,value])，设置或获取匹配元素的class属性

selection.style(name[,value[,priority]])，设置或获取匹配元素的style属性

selection.property(name[,value])，一些HTML元素具有特殊使用属性或者样式是不可寻址的，例如，表单文本（text）字段有一个value字符串属性，复选框（checkboxes）有一个checked布尔型属性。还有任何其他元素的可寻址字段（通用字段），例如className，可以使用这个property来设置或获取匹配元素的这些属性。

selection.text([value])，基于textContent属性，设置的文本内容将取代任何现有子元素