28 august 2008

Komme i gang med jQuery

Skrevet av: Mahbub In: Komme i gang

Jeg antar at vi vet hva jQuery er. Vel å børste det opp, "jQuery er et javascript-bibliotek som gjør livet vårt enklere" . Jeg liker å definere på den måten. Ok, nå i dette innlegget, jeg skal vise deg hvordan du får ting i gang for jQuery. Som du kan lese denne bloggen, er det åpenbart at du har en Internett-tilkobling og selvfølgelig du bruker noen nettleser. Så la oss bare prøve en kodebit før innlegget lange. Før det la oss se hva vi trenger for at

  • jQuery Library (nedlasting fra http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ) Dette er den gjeldende versjonen når jeg skriver innlegget.
  • En moderne nettleser (IE 6.0 +, FF 2 +, Safari 2.0 +, Opera 9.0 +) muliggjort med javascript.
  • Og en tekst editor (min Fav er Notepad + +)

Jeg antar vi alle vet hvordan ser en grunnleggende html side som. Vi hadde bare kjøre en enkel kodebit å legge jQuery bibliotek
Nå, bare kopiere og lime inn koden ovenfor og lagre det kaller "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> Min Jquery Playground </ title>
<script src="jquery-1.2.6.js" type="text/javascript"> </ script>
<script type="text/javascrpt">

$ (Document). Klar (funksjon () {
alert ("Muhahaha");
});

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

Og nå kan du kjøre kode ved å dobbeltklikke på filen du nettopp har opprettet. Har du klikket? og kan du se latter ("Muhahaha")? Hvis ja, så vi har nettopp begynt å bruke jQuery.

Nå tror jeg vi trenger litt av en forklaring på hva vi gjorde i koden ovenfor.

Først har vi startet med en helt enkel html mal
Dernest vi nettopp lagt den jQuery javascript biblioteket ved hjelp
<script type="text/javascrpt" src=" jquery-1.2.6.js"> </ script>
Og så skrev vi en javascript blokk
<script type="text/javascrpt">
$ (Document). Klar (funksjon () {
alert ("Muhahaha");
});
</ Script>

hva gjorde det? vel, $ (document) klar (funksjon () {.. blah blah}); betyr execute "blah blah" kode når siden (dokument) belastninger.. Kanskje skrive

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

ville gjøre det samme.

EASY, ikke sant?

Så du har nettopp kom i gang med jQuery. Sjekk de andre innleggene litt mer moro og magi.

For mer lesing, besøk jquery.com nettsted.

2 Responses to "Komme i gang med jQuery"

1 | sekhar

7 april 2009 kl 04:56 am

Avatar

fin forklaring

2 | Mike

19 juni 2009 kl 11:52 am

Avatar

Jeg er nettopp blitt kjent med JS bibliotek "ting" og lastet ned en enkel meny for jQuery. Er det virkelig så enkelt, eller jeg tullet meg? Jeg har en følelse jeg bare snublet over noe som er villedende i enkelhet :-)

Kommentar Form


Oversetter

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

Tags