D3:Learning:Selectors:select + mutate items

by Sky Sigal

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<div id="viz">
    <p>Uno</p>
    <p>Dos</p>
    <p>Tres</p>
</div>

CSS

p.bigger {
       font-size:1.5em;
       font-weight:bold;
       margin-left:1em;
   }

JavaScript

jQuery(document).ready(function () {

    //use d3:
    d3
    //Within a specific div:
    .select("#viz")
    //select all P (we're not using select)
    .selectAll("p");


    //use d3:
    d3
    //Within a specific div:
    .select("#viz")
    //add a new child:
    .append('p')
    //change it's text:
    .text("new!");


});