Keine Klassenauswahl in jQuery

Gibt es einen einfachen Selektorausdruck, um Elemente mit einer bestimmten Klasse nicht auszuwählen?

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

Ich möchte nur die ersten drei Divs bekommen und es versucht haben

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

Dies erhält jedoch alles, da das letzte Div mehr als den ersten Takt enthält. Gibt es eine Möglichkeit, einen Platzhalter in einem solchen Ausdruck zu verwenden? Sowas in der Art

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

Gibt es noch andere Selektoren, die helfen könnten?

Sie benötigen den :not()Selektor:

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

oder alternativ die .not()Methode:

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

Sie können die :notFilterauswahl verwenden:

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

Oder not()Methode:

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

Mehr Info:

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