Wie unterscheidet man zwischen dem :not()-Selektor in CSS und der .not()-Methode in jQuery? (Codebeispiel)

Der Inhalt dieses Artikels besteht darin, vorzustellen, wie man den :not()-Selektor in CSS und die .not()-Methode in jQuery unterscheidet. (Codebeispiel). Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Weil ich die beiden Nicht-Methoden immer verwechsle, habe ich ein Memo geschrieben.

Verwendung des :not()-Selektors in CSS

:not Pseudo-Klassenselektor kann Elemente filtern, die nicht mit dem Ausdruck übereinstimmen: not (Selektor) Der Selektor ist der CSS-Selektor

ul li:not(:first-child)

ul li:not(.text) //不包含class="text"的元素

:not(p) //非段落元素

ul li:not(:first-child):not(:last-child)  //not可叠加使用

jQuery.not()-Methode

not() aus der Menge der übereinstimmenden Elemente Elemente löschen.

$("p").not("#selected")  //选择id!=selected的段落元素
$('li').not(':even').css('background-color', 'red');  //选择不是偶数的li元素

Zwei Möglichkeiten, das Eingabeelement der Klasse auszuwählen!=test

$(input:not(.test)).css(...);$(input).not(".test").css(...);

Zusammenfassung: Das Obige ist der in diesem Artikel vorgestellte CSS: not()-Selektor und jQuery .not() Methode, Ich hoffe, dass es für das Lernen aller hilfreich sein wird.

【Weitere verwandte Tutorial-Empfehlungen】:

CSS3-Video-Tutorial

jQuery-Video-Tutorial

Bootstrap-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWie unterscheidet man zwischen dem :not()-Selektor in CSS und der .not()-Methode in jQuery? (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!