title: Jquery to test if $(this) does not have a specific class
body: <pre><code>if ($(this).hasClass('white')) {console.log('white');};
  </code></pre>
  
  <p>equates to true and prints to the console.  How do I test if it does not have the class <code>white</code> on the $(this) selector?  I have </p>
  
  <pre><code>if ($('this:not(.white)')) {console.log('not white');};
  and
  if ($(this).not('.white')) {console.log('not white');};
  and
  several other combinations?
  </code></pre>
  
  <p>I know I likely should use the .not() method, and can't figure out how to use the :not selector in combination with the <code>$(this)</code> selector. </p>
  
  <p>I would like that when the element is clicked, that I can see one true and one false statement. (it either does or doesn't have the class 'white') </p>