Heim > Web-Frontend > js-Tutorial > Hauptteil

Die Beziehung zwischen Kettenoperationen und Hover in JQuery – eine detaillierte Erklärung des nächsten Schlüsselworts

黄舟
Freigeben: 2017-06-26 11:15:38
Original
1639 Leute haben es durchsucht

$("p").css("color","red").addKlasse("hehe")

Das ist eine sehr Gewöhnliche Kettenoperationen, Ändern von Farben und Hinzufügen einer Stil-„Klasse“.

Es fühlt sich an, als ob die Kettenbedienung nur für Sie selbst wäre, aber das ist nicht der Fall.

$(".ti").click(
function( ){
$(this).css("color","red").next(".pcontent").css("display","block");
}
)
Nach dem Login kopieren

Diese Kettenoperation führt zwei Dinge für zwei verschiedene Elemente aus.

Wenn Sie auf das Element klicken, dessen Klassenname ti ist, wird eine Klasse pcon zu sich selbst hinzugefügt und dann wird die Anzeige des Elements, dessen Klassenwert pcontent ist, auf Block gesetzt.

Beachten Sie, dass Sie das Schlüsselwort next hinzufügen müssen, wenn Sie andere Elemente bedienen möchten. Andernfalls wird ein Fehler gemeldet und next wird jquery mitteilen dass Sie andere Elemente bedienen möchten.

Und schweben Sie in CSS, a:hover b { color:red }, das ist ein typisches Hover-a-Element und geben Sie dann b Elemente werden geschrieben, um Effekte hinzuzufügen.

Es ist wirklich schwer für diese beiden, immer an andere zu denken.

Das obige ist der detaillierte Inhalt vonDie Beziehung zwischen Kettenoperationen und Hover in JQuery – eine detaillierte Erklärung des nächsten Schlüsselworts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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