在 D3 中，用于选择元素的函数有两个：
d3.select()：是选择所有指定元素的第一个d3.selectAll()：是选择指定元素的全部这两个函数返回的结果称为选择集。
D3 有一个很独特的功能：能将数据绑定到 DOM 上，也就是绑定到文档上。这么说可能不好理解，例如网页中有段落元素 p 和一个整数 5，于是可以将整数 5 与 p 绑定到一起。绑定之后，当需要依靠这个数据才操作元素的时候，会很方便。
D3 中是通过以下两个函数来绑定数据的：
datum()：绑定一个数据到选择集上data()：绑定一个数组到选择集上，数组的各项值分别与选择集的各元素绑定相对而言，data() 比较常用。
直接看demo: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="../libs/d3.min.js" charset="utf-8"></script> </head> <body> <p>Apple</p> <p>Pear</p> <p>Banana</p> </body> </html> <script> /* var str = "china"; var body = d3.select("body"); var p = body.selectAll("p"); p.datum(str); p.style("color","red") .style("font-size","72px"); p.text(function(d, i){ return "第 "+ i + " 个元素绑定的数据是 " + d; }); */ var dataset = ["I like dog","I like cat","I like snake"]; var body = d3.select("body"); var p = body.selectAll("p"); p.data(dataset) .text(function(d, i){ return d; }); p.style("color","red") .style("font-size","72px"); </script>