基本选择和修改

如果你熟悉 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')