28. August 2008

Erste Schritte mit jQuery begonnen

Geschrieben von: Mahbub In: Erste Schritte

Ich gehe davon aus, dass wir wissen, was jQuery ist. Nun, um es aufzufrischen ", ist ein jQuery-JavaScript-Bibliothek, die unser Leben leichter macht" . Ich mag, in dieser Weise zu definieren. Ok, jetzt in diesem Beitrag, ich werde Ihnen zeigen, wie die Dinge für jQuery begonnen. Wie Sie diesen Blog lesen kann, ist es offensichtlich, dass Sie über eine Internetverbindung verfügen und natürlich die Sie verwenden einige Browser. Also lasst uns einfach versuchen ein Stück Code, bevor die Post langwierig. Davor wollen wir mal sehen, was wir brauchen, dass für

  • jQuery-Bibliothek (Download von http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ) Dies ist die aktuelle Version, wenn ich schreibe nur den Pfosten.
  • Ein moderner Browser (IE 6.0 +, FF 2 +, Safari 2.0 +, Opera 9.0 +) mit Javascript aktiviert.
  • Und ein Text-Editor (mein Fav ist Notepad + +)

Ich glaube, wir alle wissen, wie sich eine grundlegende HTML-Seite aussehen wird. Wir hatten gerade laufen ein einfaches Stück Code hinzufügen jQuery-Bibliothek
Nun, einfach kopieren und fügen Sie den obigen Code und speichern Sie sie fordern "jquery-test.html".

<DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> meine jQuery Spielplatz </ title>
<script src="jquery-1.2.6.js" type="text/javascript"> </ script>
<script type="text/javascrpt">

$ (Document). Ready (function () {
alert ("Muhahaha");
});

</ Script>
</ Head>
<body>
</ Body>
</ Html>

Und jetzt können Sie den Code durch Doppelklick auf die Datei, die Sie gerade erstellt haben, laufen. Haben Sie geklickt? und sehen Sie das Lachen ("Muhahaha")? Wenn Ja, dann haben wir gerade begonnen, jQuery verwenden.

Jetzt denke ich, wir brauchen etwas eine Erklärung, was wir taten in den obigen Code.

Erstens haben wir mit einem sehr einfachen HTML-Template gestartet
Zweitens, wir haben soeben der jQuery JavaScript Library mit
<script type="text/javascrpt" src=" jquery-1.2.6.js"> </ script>
Und dann schrieben wir eine Javascript-Block
<script type="text/javascrpt">
$ (Document). Ready (function () {
alert ("Muhahaha");
});
</ Script>

Was hat sie getan? Nun, $ (document) ready (function () {.. blah blah}); bedeutet execute "blah blah" Code bei der Seite (document) Lasten.. Vielleicht schreiben

$ (Function () {
alert ("Muhahaha");
});

würde das gleiche tun.

Einfach, oder?

Sie haben also nur mit jQuery anfing. Überprüfen Sie die anderen Beiträge für etwas mehr Fun & Magics.

Für mehr lesen, besuchen Sie jquery.com Website.

2 Responses to "Erste Schritte mit jQuery"

1 | Sekhar

7. April 2009 um 04.56 Uhr

Avatar

schön explaination

2 | Mike

19. Juni 2009 um 11:52 Uhr

Avatar

Ich wurde vertraut mit dem JS-Bibliothek "Ding" und heruntergeladen ein einfaches Menü für jQuery. Ist es wirklich so einfach oder bin ich selbst ein Scherz? Ich habe das Gefühl, ich stolperte über etwas, das ist irreführend, in der Einfachheit :-)

Geben Sie Ihre Meinung Formular


Übersetzer

English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroatian flagDanish flagFinnish flagHindi flagPolish flagRomanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag

Stichworte