Boa madrugada ae!
Bom hj vou colocar o que eu deveria ter escrito no começo rs mais como eu gosto de emoção huauhahuha to colocando agora, hoje vou escreve aqui sobre como colocar os scripts corretamente na página que você estiver desenvolvendo
1° dica: para inserir o código de uma forma que ele não atrase o carregamento da sua página é ao invés de colocar as tags <script></script> que é usada para inserir o código no header da página você deve colocar logo após de fechar a tag <body></body> assim os script serão carregados depois da página ser carregada com todas os elementos já declarados.
2° dica: para usar o jquery você deve fazer o download do arquivo que é leve, bom para quem não sabe o/a jquery (não sei o sexo disso) é uma biblioteca de javascript existem outras mas pelo menos eu prefiro a jquery, clique aqui para fazer o download. Depois que fizer o download e colocar ele em uma pasta do seu site, eu aqui em todos os exemplos uso uma pasta js, ai é só inserir este código na sua página logo após o fechamento da tag <body></body>:
<script type=”text/javascript” src=”js/jquery-1.3.2.min.js”></script>
Após esse código é só inserir outra tag como essa:
<script type=”text/javascript”></script>
E dentro dela colocar o seu código em JQuery ou javascript puro.
3° dica: o código que é usado com jquery é simples vamo a uma estrutura simples
$(document).ready(function(){//Inicio do código, aqui eu falo que os códigos vão ser executados assim que o documento estiver carregado você pode encurtar este código escrevendo somente $(function(){ os dois tem a mesma função é só uma “abreviatura”
$(“#btn”).click(function(){ //Aqui é o evento quando o usuario clicar na div com a id btn acontecerá este evento aqui no caso pode ser usado também uma classe uma pseudo classe ou diversas coisas separadas por virgula por exemplo $(“#btn, .titulo, #topo img”).click(function(){ aqui estão as três possibilidades
alert(“você clicou no botão”); //Aqui é o acontece quando o evento é disparado no caso aqui um alert simples vai só aparecer uma caixa com esta frase mais pode ser um movimento um carregamento de página uma passagem de dados para php no metodo post podem ser muitas coisas ai com o tempo eu vou mostrando mais coisas aqui ou vocês mesmos podem ver no site da jquery no link do lado aqui
}); //Aqui fecha o evento
}); //Aqui fecha o bloco de código da JQuery
4° dica: existem diversos plugins para jquery caso você vá usar um ou vários deles você precisa colocar ele depois de importar a jquery e antes do seu bloco de código para tudo funcionar certinho o plugin que eu gosto de usar, bom eu não gosto de plugins prefiro fazer na unha mais o que eu mais uso é o jquery.timer se quiserem dar uma olhada nele clique aqui.
Bom por hora vou colocar isso não quero ser chato e escrever um texto imenso que sei que quase ninguém lê.
Dúvida pergunta qualquer coisa usem a vontade o comentário.
Em breve vou por umas ferramentas mais dignas aqui e mais alguns projetos para mostrar para quem lê aqui
Obrigado pela visita e bom domingo ae!
Arrebentou Jaca, parabéns
[...] vou escrever aqui este post seguindo a linha dos meu outros dois que eu tenho jquery e sobre [...]
Valeu fera! Simples e direto!
Olá,
Eu estou conseguindo implementar Jquery com facilidade em meus projetos e tem me ajudado muito, mas como faço pra conseguir colocar mais de um… os dois códigos tem a linha $(function() e eles conflitam quando estão juntos!
Como posso inserir dois ou mais Jquery’s em uma única página?
pode colocar td dentro de um $(function() só
ou coloque td dentro de um arquivo só ai carrega o jquery e o arquivo js com <script….
pow , cara, tah massa. gostei muito do tuto, vlw!
parabens.