Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

青灯夜游
Freigeben: 2018-10-24 17:52:51
nach vorne
2351 Leute haben es durchsucht

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可叠加使用
Nach dem Login kopieren

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元素
Nach dem Login kopieren

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

$(input:not(.test)).css(...);$(input).not(".test").css(...);
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage