[TOC] ---- # 选择集与数据 ## 选择元素 D3 中 ，选择元素的函数有两个：select 和 selectAll - **select:**返回匹配选择器的第一个元素 - **selectAll:**返回匹配选择器的所有元素 ~~~ d3.select("body") d3.select("#banner"); d3.select(".banner"); d3.selectAll("p"); ~~~ ## 选择集 ### 查看状态 ~~~ <p>我是段落001</p> <p>我是段落002</p> <p>我是段落003</p> <script type="text/javascript"> var aP = d3.selectAll("p"); // selector.empty() 如果选择集为空，则返回true;如果不为空，返回false console.log(aP.empty());// false // selector.node() 返回第一个非空元素，如果选择集为空，返回null console.log(aP.node()); // <p>我是段落001</p> // selector.size() 返回选择集中的元素个数 console.log(aP.size());// 3 </script> ~~~ ### 设定和获取属性 ## 添加、插入和删除 ## 数据绑定 ## 数据集的处理 ## 数组的处理 ## 柱形图的处理