在選擇（D3.js）

Question

使用點我發現了很多的代碼，使用所述支架內部的點是這樣的：

var node = svg.selectAll(".circles")。

有人可以幫助我與點的解釋？

感謝

Answer 1

svg.selectAll(".circles")將選擇在您的SVG有類circles的所有元素。所以.基本上是指定你想要根據類名來選擇。

執行類似svg.selectAll("circle")的操作會選擇svg中的所有circle元素。這是基於標籤內的名稱。例如，如果您有以下代碼，它將選擇兩個圓圈。

<svg> 
    <circle></circle> 
    <circle></circle> 
</svg> 

另一個例子更好地說明一點：

假設我們有下面的代碼

<svg> 
    <g class="red"></g> 
    <g class="blue"></g> 
</svg> 

在上述情況下，如果我這樣做svg.selectAll(".red")，我會選擇第一個g元素因爲它的類名是red。

但是，如果我做svg.selectAll("g")，它將選擇g元素，而不用擔心類名。這種沒有.的過濾僅基於元素的名稱。