JQuery'de sınıf seçici değil

Belirli bir sınıfa sahip öğeleri seçmemek için basit bir seçici ifade var mı?

<div class="first-foo" />
<div class="first-moo" />
<div class="first-koo" />
<div class="first-bar second-foo" />

Sadece ilk üç div'i almak istiyorum ve denedim

$(div[class^="first-"][class!="first-bar"])

Ancak, son div ilk çubuktan daha fazlasını içerdiğinden, bu her şeyi alır. Böyle bir ifadede yer tutucu kullanmanın bir yolu var mı? Bunun gibi bir şey

$(div[class^="first-"][class!="first-bar*"]) // doesn't seem to work

Yardımcı olabilecek başka seçiciler var mı?

Seçiciye ihtiyacınız var :not():

$('div[class^="first-"]:not(.first-bar)')

veya alternatif olarak .not()yöntem:

$('div[class^="first-"]').not('.first-bar');

:notFiltre seçiciyi kullanabilirsiniz :

$('foo:not(".someClass")')

Veya not()yöntem:

$('foo').not(".someClass")

Daha fazla bilgi:

• http://api.jquery.com/not-selector/
• http://api.jquery.com/not/