基本選擇和修改

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