How to find all elements that DON'T have specific CSS class in jQuery?

Question

I would like to get all form elements that don't have a specific CSS class. Example:

<form>
  <div>
    <input type="text" class="good"/>
    <input type="text" class="good"/>
    <input type="text" class="bad"/>
  </div>
</form>

What selector should I use to select all elements that don't have 'bad' css class?

Thank you.

Answer 1

You can use the not() filter:

$("input").not(".bad")