基本选择和修改

如果你熟悉 jQuery 和 Sizzle 语法,那么 d3 选择应该没有太大区别。d3 模仿 W3C Selectors API,以便更轻松地与元素进行交互。

对于一个基本示例,要选择所有 <p> 并为每个 <p> 添加更改:

d3.selectAll('p')
  .attr('class','textClass') 
  .style('color', 'white');

简而言之,这与 jQuery 中的相同

$('p')
  .attr('class','textClass') 
  .css('color, 'white')

通常,你将从容器 div 的单个选择开始,以添加将分配给变量(通常称为 svg)的 SVG 元素。

var svg = d3.select('#divID').append('svg');

从这里我们可以调用 svg 来做多个对象的子选择(即使它们还不存在)。

svg.selectAll('path')