title: Essence of fancy selectors in jquery
body: <p>So like, let's say i have this input field:</p>
  
  <pre><code>&lt;input class="dateP" data-val="true" data-val-date="The field Birthday must be a date." data-val-required="Bday is required" id="bday" name="bday" type="text" value="11/16/1990" /&gt;
  </code></pre>
  
  <p>The material that i am learning from referenced it by doing it something like this:</p>
  
  <p><code>$('input:text.dateP')</code></p>
  
  <p>Wherein we can just do something like:</p>
  
  <p><code>$('.dateP') //access by class?</code> to access it.</p>
  
  <p>Can someone explain to me what are the significant differences?</p>