在选择（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元素，而不用担心类名。这种没有.的过滤仅基于元素的名称。