How to find all elements that do not have a specific CSS class in jQuery?

Question

I would like to get all form elements that do not 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> 

Which selector should be used to select all elements that do not have a "bad" css class?

Thanks.

Answer 1

You can use the not () filter:

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

Answer 2

You can also use not selector :

 $('input:not(".bad")').hide(); 

Note that quotation marks are not needed:

 $('input:not(.bad)').hide(); 

Cm:

http://docs.jquery.com/Selectors/not

Answer 3

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