28 de agosto de 2008

Introdução ao jQuery

Postado por: Mahbub In: Introdução

Eu suponho que nós sabemos o que é jQuery. Bem, para empurrá-lo para cima ", jQuery é uma biblioteca javascript que torna nossa vida mais fácil" . Eu gosto de definir dessa maneira. Ok, agora neste post, eu vou te mostrar como fazer as coisas começaram a jQuery. Como você pode ler este blog, é óbvio que você tem uma conexão com a Internet e, claro, você está usando um navegador. Então vamos tentar um pedaço de código antes de fazer o longo post. Antes disso vamos ver o que precisamos para que

  • Biblioteca jQuery (download a partir http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ) Esta é a versão atual quando eu estou escrevendo o post.
  • Um navegador moderno (IE 6.0 +, FF 2 +, Safari 2.0 +, Opera 9.0 +) com JavaScript habilitado.
  • E um editor de texto (meu Fav é notepad + +)

Acho que todos nós sabemos como é que uma página básica html aparência. Tínhamos acabado de executar um simples pedaço de código adicionando biblioteca jQuery
Agora, basta copiar e colar o código acima e salve-o chamando de "jquery-teste.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> Parque Meu 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>

E agora você pode executar o código clicando duas vezes no arquivo que você acabou de criar. Você clicou? e você pode ver o riso ("Muhahaha")? Se sim, então temos começado a utilizar jQuery.

Agora eu acho que precisamos de pouco mais de uma explicação do que fizemos no código acima.

Primeiro, nós começamos com um modelo html básico
Em segundo lugar, que acabamos de adicionar a biblioteca javascript jQuery usando
<script type="text/javascrpt" src=" jquery-1.2.6.js"> </ script>
E então nós escrevemos um bloco de javascript
<script type="text/javascrpt">
$ (Document). Ready (function () {
alert ("Muhahaha");
});
</ Script>

o que ele faz? bem, $ (document) ready (function () {.. blá blá});. significa executar "blah blah" código quando a página (documento) de cargas. Talvez escrever

Função $ (() {
alert ("Muhahaha");
});

faria a mesma coisa.

Fácil, não?

Então você tem apenas começou com jQuery. Confira os outros posts para se divertir pouco mais e Magias.

Para uma leitura mais, visite jquery.com site.

2 Responses to "Introdução ao jQuery"

1 | Sekhar

07 de abril de 2009 às 4:56 am

Avatar

explaination bom

2 | Mike

19 junho, 2009 às 11:52 am

Avatar

Eu só tornou-se familiarizado com a biblioteca js "coisa" e baixei um menu simples para jQuery. É realmente tão fácil ou estou enganando a mim mesmo? Eu tenho um sentimento que eu só tropeçou em algo que é enganosa na simplicidade :-)

Comente Forma


Tradutor

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

Etiquetas