logo

jQuery-Beispiel

jQuery wird von Google entwickelt. Um das erste jQuery-Beispiel zu erstellen, müssen Sie eine JavaScript-Datei für jQuery verwenden. Sie können die jQuery-Datei von jquery.com herunterladen oder die absolute URL der jQuery-Datei verwenden.

In diesem jQuery-Beispiel verwenden wir die absolute URL der jQuery-Datei. Das jQuery-Beispiel wird in das Skript-Tag geschrieben.

Sehen wir uns ein einfaches Beispiel für jQuery an.

Datei: firstjquery.html
 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Testen Sie es jetzt

Ausgabe:

Der erste Absatz ist ausgewählt.

Der zweite Absatz ist ausgewählt.

Der dritte Absatz ist ausgewählt.

$(document).ready() und $()

Der zwischen $(document).ready() eingefügte Code wird nur einmal ausgeführt, wenn die Seite für die Ausführung von JavaScript-Code bereit ist.

Finden Sie in der Karte c++

Anstelle von $(document).ready() können Sie nur die Kurzschreibweise $() verwenden.

 $(document).ready(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Der obige Code entspricht diesem Code.

 $(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Sehen wir uns das vollständige Beispiel von jQuery mit der Kurzschreibweise $() an.

Datei: shortjquery.html
 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Testen Sie es jetzt

Ausgabe:

Der erste Absatz ist ausgewählt.

Der zweite Absatz ist ausgewählt.

Der dritte Absatz ist ausgewählt.

Bash-Arrays

function() { $('p').css('background-color', 'cyan'); }

Es ändert die Hintergrundfarbe von allen

Tag oder Absatz in Cyan umwandeln.