title: select element that does not contain a string within an attribute
body: <p>let's say that I have some </p>
  
  <pre><code>&lt;TR style = "background-color : red ;"&gt;
  </code></pre>
  
  <p>and some </p>
  
  <pre><code>&lt;TR&gt;
  </code></pre>
  
  <p>(to be noted that the spaces next to the colon and to the semicolon are intentional, because the page I am dealing with is written in that way)</p>
  
  <p>now, this:</p>
  
  <pre><code>$('.detailtable tr:not([style~="darkgray"])')
  </code></pre>
  
  <p>works perfectly. But <a href="http://api.jquery.com/attribute-not-equal-selector/" rel="noreferrer">here</a> it says: </p>
  
  <blockquote>
    <p>[name!="value"] cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method. For better performance in modern browsers, use $("your-pure-css-selector").not('[name="value"]') instead</p>
  </blockquote>
  
  <p>so I was wondering: is my expression the best one or something like:</p>
  
  <pre><code>$('.detailtable tr').not('[style~="darkgray"]') // this doesn't work!
  </code></pre>
  
  <p>is better performing? And what is the correct way of writing this last expression?</p>
  
  <p>Thanks in advance</p>