title: dataset vs .data - Difference?
body: <p>I am reading some values in data attribute fields. I have seen two easy ways to read the data as shown below:</p>
  
  <pre><code>var webappData = document.getElementById('web-app-data'),
      rating = webappData.dataset.rating;
  </code></pre>
  
  <p>OR</p>
  
  <pre><code>var effectData = $('.effects-list li'),
      creative = effectData.filter('[data-creative]').data("creative");
  </code></pre>
  
  <p>My question is which of these has better performance or do they really differ?</p>
  
  <p>I have a page with many data attributes that I am accessing and I would like to use the method that has the best performance. </p>
  
  <p>Any guidance on understanding the difference between the two would be appreciated. While I am looking at performance specifically if there are other reasons to use one over the other I would like to know this as well. </p>