Basic- Beispiele für die Anwendung jQuery schließen diejenigen für das Verstecken und Animieren Webseite Elemente und verändert auch den Inhalt eines Elements und Aussehen. Vor Arbeiten durch diesen Beispielen lernen, wie man Elemente mit jQuery auszuwählen. Dies gewährleistet, dass die Methoden, die Sie jQuery läuft über die beabsichtigten Elementen arbeiten. Verstecken

Sie können Web Seite Elemente wie Absätze und Überschriften mit CSS ausblenden Verfahren verstecken. Wiederherstellen des Elements Sichtbarkeit mit der Show-Methode . Zum Beispiel, " verstecken. () Die Aussage" ("# someelement ) " wird das HTML-Element mit dem Tag verstecken " # someelement . " Die Probe Programm, folgt erstellt eine Webseite mit einer Schaltfläche, um Ihnen zu zeigen, wie dynamisch auszublenden einen Absatz .

Jetzt registrieren src="jquery.js"> < script id = " myButton " > Bitte klicken Sie hier .

beobachten diese verschwinden .

Animieren

Animate Verfahren jQuery Sie ein Absatz oder andere HTML-Element dynamisch verändern ihre Position und Größe , die Sie durchführen können einfache Animationen können . Geben Sie das Attribut, das Sie animieren möchten , zusammen mit dem Wert, mit dem Sie dieses Attribut zu ändern , als erstes Argument zu beleben . Surround dieses Argument mit Zahnspange. Geben Sie die Geschwindigkeit, mit der Sie die Animation in die zweite Argument Animate auftreten . Verwenden Sie die Probe Programm, das zu lernen , wie man einen Absatz über den Bildschirm bewegt folgt machen .

< Script type = "text /javascript" src = " jquery.js " ; > < script { marginLeft : " 500px "}, "slow ");} );} ); bitte hier klicken.

dieses unterwegs.

Ändern Inhalt

Use jQuery von HTML-Inhalten mit Hilfe eines Verfahrens, wie HTML, anhängen , oder vor der Änderung . Zum Beispiel, wenn Sie vorhandenen Text zu einem bestimmten Absatz , dessen ID ist hinzuzufügen " myparagraph ", schreiben die folgende Aussage .

$ ("# Myparagraph " ) . Append ( " Neuer Text " ); .

Hier ist ein Beispiel -Programm, das die Append-Methode veranschaulicht

< script type = "text /javascript" src = " jquery.js " ; > < script Welt ");} );} );

Bitte klicken Sie hier < p id = " myparagraph " > Ziffer 1 < /p>
Ändern CSS

Use jQuery CSS Methode ändern Sie den Stil der Absätze , Tasten, Überschriften und andere HTML-Elemente . Zum Beispiel: " CSS ( " font-weight "," fett " ) " wird der Text eines HTML-Elements fett . Identifizieren Sie die CSS-Attribut , die Sie in das erste Argument der CSS zu ändern. Wählen Sie den Wert für das Attribut mit der CSS -Methode das zweite Argument . Hier ist ein Beispiel -Programm, das die CSS- Verfahren setzt im Kontext.

Jetzt registrieren src="jquery.js"> < script id = " myButton " > Bitte klicken Sie hier

Dieses wiederum fett .