回答
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
元素,而不用擔心類名。這種沒有.
的過濾僅基於元素的名稱。
謝謝,我用'svg.selectAll(「circles」)'有什麼區別?那意味着沒有點? –
@DerickKolln檢查我的編輯 – sparta93
所以要清楚:當你想選擇類,然後使用'.'。當你想要使用不是類的元素時,把'''離開? –
- 1. d3.js v4 - 嵌套選擇
- 2. D3.js:嵌套選擇?
- 3. d3.js在選擇不具約束力
- 4. 顯示選擇選項d3.js
- 5. 按鈕ouside d3.js svg選擇和修改d3.js元素
- 6. 選擇在D3
- 7. d3.js選擇和調用()難題
- 8. d3.js - 選擇附加元素
- 9. d3.js選擇條件渲染
- 10. 如何將d3選擇保存在數組中供以後使用D3.js?
- 11. 選擇功能不工作在3.5.4版d3.js
- 12. 如何在d3.js雙條形圖中選擇比例尺?
- 13. 如何在d3.js地圖上選擇點連接器?
- 14. 選擇/使用D3
- 15. D3全選VS jQuery選擇
- 16. 在D3.js
- 17. 在D3.js
- 18. 在D3.JS
- 19. D3,Google地圖,選擇d3元素
- 20. d3.js
- 21. d3.js
- 22. D3.js
- 23. d3.js
- 24. d3.js
- 25. .attr VS在D3.js
- 26. d3.js選擇器不返回實際對象
- 27. 選擇和過濾器不與d3.js餅圖工作
- 28. D3.js - 嵌套數據的作品,但選擇不遵循
- 29. 用d3.js選擇svg的最後一個路徑
- 30. d3.js如何將當前選擇傳遞給.each()回調?
其選擇課堂的方式。 (這裏^^'circles'是一個類) – m87