title: jQuery selector that doesn't include children
body: <p>I haven't seen a question that is exactly this, so here goes:</p>
  
  <p>Imagine I have this html structure:</p>
  
  <pre><code>&lt;div class="button"&gt;
      &lt;div class="text"&gt;
          Button
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to select the ".button" element, but not the ".btext" element. Meaning, I want to do something like</p>
  
  <p><code>$(".button")</code> that doesn't include the ".btext". I want to use this for a .hover() match, but I don't want hovering on the text to trigger the event.</p>
  
  <p>Is there a way to do this, or is it just not possible with html?</p>