Home
índice
Página anterior

Hello World!


Executar javaScript

Biblioteca

Lembrete:Como foi visto no curso de jvaScript, para usar um script dentro de um documento Html, usa-se as tag <script> e </script>. Essa tag informa ao browser que o conteúdo deverá ser interpretado como um script e não como um html. O atributo type informa o tipo de atributo que está sendo rodado ali dentro. Nesse caso text/javacript porque a biblioteca jQuery foi construída nessa linguagem.
<script type= "text/javascript"></script>

Biblioteca é um arquivo javaScript separado, podendo estar em um servidor remoto ou no computador do usuário. Para informar o endereço desse arquivo dentro do Html, usa-se o atributo src.

Para baixar a biblioteca vá em jQuery download onde poderá ser baixada a última versão da biblioteca, nesse caso a versão 1.5.2. Existe duas escolhas desta versão. Uma versão compactada com 29 Kb e uma versão de desenvolvimento, com 214 Kb, maior, mais completa, identada para facilitar a visualização do desenvolvedor.

Ao clicar em download, será apresentada a biblioteca. Em cima o endereço da biblioteca já está disponível para copiar e colar no atributo src do código html. Cole o código no cabeçalho do documento, como no exemplo abaixo, entre <head> e </head>. Esse procedimento é para acesso remoto.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>.

Para instalar no computador

Proceda assim: Na área de trabalho, crie um novo diretório com o nome jQuery. Dentro dele crie um arquivo html simples, como o arquivo abaixo, dando um nome, aula1.html por exemplo:

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Strict
"http: // WWW.W3.org/TR/xhtml1/DTD/xhtml1-strict.dt
< html xmlns = "http: //WWW.W3.org/1999/xhtml">
<head>
   <title>JQuery (instalação)</title>
<script type= "text/javascript" src= "js/jquery-1.5.2.min.js"></script>
</head>

<body>	   
<h1 id="titulo">Hello World</h1>

<a href="#" >Executar javaScript</a>

O próximo passo é criar um diretório js para colocar todos os arquivos js que serão construídos durante este tutorial, inclusive a biblioteca. Depois em baixar biblioteca clicar em arquivo, salvar como, e salvar dentro de js no diretório jQuery, que já foi criado.

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Strict
"http: // WWW.W3.org/TR/xhtml1/DTD/xhtml1-strict.dt
< html xmlns = "http: //WWW.W3.org/1999/xhtml">
<head>
   <title>JQuery (instalação)</title>
<script type= "text/javascript" src= "js/jquery-1.5.2.min.js"></script>
< script type= "text/javascript">
   $(document).ready(function(){
     $("a").click(function(){
       $("#titulo").css("color", "#0000FF");
});
});
</script>
</head>

<body>	   
<h1 id="titulo">Hello World</h1>

<a href="#" >Executar javaScript</a>