D3.js --- 第一章 选择器

选择器 : selectAll、select

      d3.selectAll('div') //选中所有div标签 <div>

      d3.select('div') //选中第一个div标签

      d3.select('.foo > span').text("选中第一个类为foo标签下的第一个span标签") //选中第一个类为foo标签下的第一个span标签

      d3.select('div>p') //选中第一个div标签下的p

      d3.select('#foo')  //选中id为foo的元素 <div id="foo">

      d3.select('.foo')  //选中第一个class为foo的元素 <div class="foo">

      d3.select('[foo=goo]')  //选中第一个属性为foo的为goo的元素 <div foo="goo">

选择集的操作 : attr、classed、style、text、html

      d3.select('p').attr() //用来读取或者设置已选中元素中的给定属性

      d3.select('p').attr('foo','goo') //设置foo属性

      d3.select('p').attr('foo')      //读取foo属性

      d3.select('p').classed('goo',true) //添加goo类

      d3.select('p').classed('goo',function(){return false;}) //删除goo类

      d3.select('p').style() //用来给选定元素添加样式

      d3.select('p').style('font-size','10px')

      d3.select('p').style('color',function(){return 'red'})

      d3.select('p').text() //用来获取或者设置文本

      d3.select('p').text('我是文本') //设置文本

      d3.select('p').html('<b>bbb</b>') //更改元素的html内容