D3.js的v5版本入门教程（第三章）—— 选择元素和绑定数据

D3.js的v5版本入门教程（第三章）

    在D3.js中，选择元素和绑定元素是最基本的内容，也是很重要的内容，等你看完整个教程后你会发现，这些D3.js教程都是在选择元素和绑定元素的基础上展开后续工作的

    1、选择元素

    在D3.js中，选择元素的函数有两个

• d3.select() 
• d3.selectAll()     

    这两个函数返回的就是选择集

    常见的用法如下：

        var body = d3.select("body");//选择文档中的body元素
    	var svg = body.select("svg");//选择body中的svg元素
    	var p = body.selectAll("p");//选择body中所有的p元素
    	var p1 = body.select("p");//选择body中第一个p元素

    2、绑定数据

    D3.js能将数据绑定到 DOM 上，也就是绑定到文档上。例如，如果网页中有一个P元素和一个整数5，我们就将数据5和p绑定在一起。绑定之后，当需要依靠这个数据才操作某元素的时候，使用起来会很方便！（或许这样说还是会使你一头雾水，没关系，通过后面的章节你