Javascript 在选择中使用点(D3.js)

Javascript 在选择中使用点(D3.js),javascript,d3.js,Javascript,D3.js,我发现很多代码在括号内使用了一个点,如下所示: var node=svg。选择所有(“.circles”) 有人能帮我解释一下那个圆点吗 谢谢svg。selectAll(“.circles”)将选择svg中具有类circles的所有元素。因此,基本上是根据类名指定要选择的内容 执行类似于svg的操作。selectAll(“圆圈”)将选择svg中的所有circle元素。这基于标记内的名称。例如,如果您有下面的代码,它将选择两个圆 <svg> <circle></c

我发现很多代码在括号内使用了一个点,如下所示:

var node=svg。选择所有(“.circles”)

有人能帮我解释一下那个圆点吗

谢谢

svg。selectAll(“.circles”)
将选择svg中具有类
circles
的所有元素。因此,
基本上是根据类名指定要选择的内容

执行类似于
svg的操作。selectAll(“圆圈”)
将选择
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
元素,而不必担心类名。这种不带
的过滤类型完全基于元素的名称。

谢谢,当我使用
svg时有什么区别。选择All(“圆圈”)
?这意味着没有圆点?所以要清楚地说明:当你想要选择类时,请使用
。如果你想使用元素,而不是类,那么就不要使用
?我认为你混淆了元素和类。让我在回答中进一步解释。这是一种选择课堂的方式。(这里^^
圆圈
是一个类)