Was ist jQuery?

Was ist jQuery?

In JavaScript ist jQuery ein JavaScript-Skriptpaket, das dazu gedacht ist, häufige und sich wiederholende Aufgaben in JavaScript mit HTML-Code kurz und verständlich zu machen. Die erste stabile Version von jQuery wurde am 26. Januar 2006 von John Resig veröffentlicht, mit mehreren zusätzlichen Versionen seitdem.

Um jQuery zu verwenden, können Sie die einzelne jQuery-Datei herunterladen und lokal auf einem persönlichen Server platzieren oder ein öffentliches CDN von Unternehmen wie Google oder Microsoft verwenden. Um jQuery zu laden, fügen Sie die folgende Skriptzeile in Ihren HTML-Code ein, ähnlich wie im folgenden Beispiel, das jQuery von einem Google CDN lädt. Die Verwendung eines öffentlichen CDN erhöht wahrscheinlich die Seitenladegeschwindigkeit, da der Besucher die Skriptdatei möglicherweise bereits heruntergeladen und zwischengespeichert hat.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Sobald das JavaScript geladen ist, verwenden Sie die $-Funktion, ähnlich wie im folgenden Beispiel.

<script>
function toggleDiv(divId) {
$("#"+divId).toggle(800);
}
</script>

Im obigen Beispiel lädt das JavaScript die Toggle-jQuery-Funktion, um das folgende div anzuzeigen und auszublenden. Die 800 im Umschalter gibt dem div eine Animation, wenn es ausgeblendet oder angezeigt wird.

<p>
<a href="javascript:toggleDiv('myContent');" style="background-color: #ccc; padding: 5px 10px;">Toggle Button</a>
</p>
<div id="myContent" style="background-color: #F0F0F0; padding: 5px 10px; display: none;">This example text is to help demonstrate jQuery. Pressing the Toggle Button shows and hides this text.</div>

Schließlich erstellt der obige HTML-Code eine Toggle-Schaltfläche und das div, das sich je nach Status des Toggles ein- und ausblendet.

Live-Beispiel

Umschaltknopf

AJAX, JavaScript, LowerCamelCase, Webdesign-Begriffe

Neueste Artikel
Vielleicht möchten Sie lesen

LEAVE A REPLY

Please enter your comment!
Please enter your name here