Thoughts on Chaining

chaining.js

var el = $('div.button');

// is this bad? I'd think so:
el.addClass('closed').css('border', 'none').attr('x', 5);

// first method call in line, subsequent below indented?
el.addClass('closed')
  .css('border', 'none');

// context switching adds indentation? (like in d3)
var chart = d3.select('ul')
  .append('ul')
  .data(myData)
  .enter()
    .append('li')
    .text(function(d) {
      return d.value;
    });

Questions:

1. How many chained methods before it's too many?
2. Should you chain at all?
3. Should you ever chain if context switch happens?