28 agost 2008

Primers passos amb jQuery

Publicat per: Mahbub En: Introducció

Dono per fet que sabem el que és jQuery. Bo per refrescar ", jQuery és una llibreria Javascript que fa la nostra vida més fàcil" . M'agrada definir d'aquesta manera. Ok, ara en aquest post, em vaig a mostrar com fer les coses van començar a jQuery. Com es pot llegir aquest bloc, és obvi que vostè té una connexió a Internet i, per descomptat que està utilitzant un navegador. Així que anem a tractar d'una sola peça de codi abans de prendre el lloc de llarg. Abans d'això anem a veure el que necessitem perquè la

  • Biblioteca jQuery (descàrrega des http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ) Aquesta és la versió actual, quan estic escrivint el post.
  • Un navegador modern (IE 6.0 o superior, FF 2 +, Safari 2.0 +, Opera 9.0 +) amb javascript activat.
  • I un editor de text (el meu favorit és el bloc de notes + +)

Suposo que tots sabem com una pàgina html bàsica semblen. Acabàvem d'executar un simple tros de codi de l'addició de la biblioteca jQuery
Ara, només has de copiar i enganxar el codi anterior i guardar-lo en anomenar "jquery-prova.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> meu Zona lúdica Jquery </ 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>

I ara vostè pot executar el codi, feu doble clic al fitxer que acabeu de crear. Ha de fer clic? i es pot veure el riure ("Muhahaha")? Si és així, llavors hem començat a utilitzar jQuery.

Ara crec que necessitem una mica d'explicació del que vam fer en el codi anterior.

En primer lloc, hem començat amb una plantilla d'HTML molt bàsic
En segon lloc, que acaba d'afegir la llibreria de javascript jquery usant
<script type="text/javascrpt" src=" jquery-1.2.6.js"> </ script>
I després va escriure un bloc de Javascript
<script type="text/javascrpt">
$ (Document). Ready (function () {
alert ("Muhahaha");
});
</ Script>

Què fer? així, $ (document) ready (function () {..}, bla, bla);. significa executar ", bla, bla" codi quan la pàgina (document) les càrregues. Potser l'escriptura

Funció $ (() {
alert ("Muhahaha");
});

faria el mateix.

Fàcil, eh?

Així que vostè ha acaba de començar amb jQuery. Reviseu els missatges d'altres per a la diversió i poc més de màgia.

Per llegir més, visiteu jquery.com lloc.

2 Responses to "Com començar amb jQuery"

1 | Sekhar

7 abril 2009 a les 04:56

Avatar

explicació bonica

2 | Mike

19 juny 2009 a les 11:52

Avatar

Només es va familiaritzar amb la biblioteca js "cosa" i descarregar un menú senzill per jQuery. És realment així de fàcil o m'estic enganyant a mi mateix? Tinc la sensació que vaig ensopegar amb alguna cosa que és enganyós en la simplicitat :-)

Formulari de Comentaris


Traductor

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

Etiquetes