[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>
~~~
### 設定和獲取屬性
## 添加、插入和刪除
## 數據綁定
## 數據集的處理
## 數組的處理
## 柱形圖的處理