seja bem vindo ao forum eof, caso nao seja cadastrado se cadastre para poder visualizar todo o conteudo ^^

Participe do fórum, é rápido e fácil

seja bem vindo ao forum eof, caso nao seja cadastrado se cadastre para poder visualizar todo o conteudo ^^
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Você não está conectado. Conecte-se ou registre-se

[tutorial] basico em jquery

Ir para baixo  Mensagem [Página 1 de 1]

1[tutorial] basico em jquery Empty [tutorial] basico em jquery Sex Dez 07, 2012 5:22 pm

Kodo no Kami

Kodo no Kami
master
master

bom galera sem nada pra fazer aq entao vou fazer esse mini-tutorial de jquery, para começar temos q baixar o jquery q pode ser encotrado no site official

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

la voce vai em encontrar duas versao uma compactada q tem 32kb de tamanho e outra maior q tem 247kb, eu prefiro a versao completa mais ai com vcs, coloque ela na mesma pasta da sua pagina com o nome de jquery.js (nao e obrigatorio ela ter esse nome), agora agente chama ela na nossa pagina html para isso usamos a tag script e passamos os seguintes atributos type="text/javascript" e src q o local onde ela esta no meu caso aq e src="jquery.js" pq ta na mesma pasta

Código:
<html>
<body>
   <script type="text/javascript" src="jquery.js"></script>
</body>
</html>

e recomendado declarar ela na tag head para ser carregado primeiro no meu exemplo ta dentro da tag body mesmo, agora para agente usar o jquery temos q fazer essa declaraçao em outra tag script

$(document).ready(function(){});

nosso codigo vai ficar dentro do abre e fecha chaves assim (nosso codigo e javascript mesmo no caso vou usar alert para exibir uma caixa de texto)

Código:
<html>
<body>
   <script type="text/javascript" src="jquery.js"></script>
   <script type="text/javascript">
      $(document).ready(function(){alert("hacker fts315");});
   </script>
</body>
</html>

para ficar mais organizado e mais visivel recomendo da umas quebra de linha

Código:
<html>
<body>
   <script type="text/javascript" src="jquery.js"></script>
   <script type="text/javascript">
      $(document).ready(function(){
         alert("hacker fts315");
      });
   </script>
</body>
</html>

bom galera esse tutorial e pequeno so para mostrar o basico do basico de jquery ^^

by hacker fts315

https://endoffile.umforum.net

Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos