Hallo,
Heute über jQuery
Ich möchte das Grundwissen, das ich gelernt habe, teilen.
Als allererstes
Wenn Sie keine einfache Formel kennen
Es fängt nicht an, also lernen wir vom Beamten.
$ ('HTML-Element').Methode (Argument);
ist.
Kurz!
Ich denke, einige Leute dachten,
Ich werde von hier aus verschiedene Dinge hinzufügen.
Das endet natürlich nicht dort.
Kurzer Kommentar
HTML-Element
Zum Beispiel,
index.html
<h1 >Hallo<h1>
Es ist h1 im Ort zu sagen
Vergessen Sie auch nicht, das letzte (Semikolon) hinzuzufügen.
Dies ist die grundlegende Syntax.
Lassen Sie uns nun darüber sprechen, was Sie mit jQuery mithilfe dieser Formel tun können.
Kann animiert werden
Als ich es zum ersten Mal sah, fand ich es unglaublich!
Ist es möglich, eine solche Änderung vorzunehmen, indem nur zwei Zeilen der jQuery-Beschreibung hinzugefügt werden?
Ich war beeindruckt und starrte eine Weile wie ein Kind auf den Bildschirm.
Wie schreibt man,
$ ('HTML-Element').fadeOut (geben Sie die Geschwindigkeit an, mit der die Animation ausgeführt wird);
ist.
Dadurch wird das HTML-Element am angegebenen Speicherort entfernt!
$ ('HTML-Element').fadeIn (geben Sie die Geschwindigkeit an, mit der die Animation ausgeführt wird);
Wird angezeigt, wenn
Kurzer Kommentar
Beachten Sie bei der Angabe der Geschwindigkeit, dass 1000 1 Sekunde ist
Für fadeOut ist slideUp in Ordnung.
Wenn Sie die Farbe des angegebenen Ziels ohne Erlaubnis ändern können, ...
Dies ist auch sehr einfach zu machen
Das ist offiziell.
$ ('HTML-Element').css（'Eigentum(Farbe)' , 'Wert (blau oder so)'）;
Sie können die Farbe des hier angegebenen HTML-Elements ändern.
Es macht Spaß, nicht wahr?
Verwenden des Klickereignisses "Ah, das sehe ich oft." Kann eine Bewegung machen
Neben einer einfachen Animation
Ich habe die Anzahl der Beschreibungen ein wenig erhöht und das Klickereignis verwendet.
"Ah, das ist der, den ich oft sehe."
Lass uns so etwas machen
Die Formel sieht so aus.
$ ('HTML-Element').Ereignisname (Funktion)(){
Ereignisinhalt
}）;
Ich möchte "click" für diesen Ereignisnamen verwenden.
$ ('HTML-Element 1').click（function(){
$ ('HTML-Element 2').slideUp
}）;
Auf diese Weise
Wenn Sie auf HTML-Element 1 klicken
HTML-Element 2 verschwindet.
Es ist wunderbar. ..
jQuery ist unglaublich ...
Dies ist das Ende der kurzen Erklärung
Lass uns nochmal treffen.
Recommended Posts