Sexo
Mensagens
Reputação
Inscrição
Idade
Localização
por Agora que vocês já sabem o basico de jQuery, devem saber como adiciona-los a uma pagina, primeira devemos entrar no site do jQuery
http://jquery.com/
Procurem pelo botão "Download", cliquem nele, após clicar ele levará você a uma pagina com uma centena de codigos, o que é para fazer agora? Apenas copiem o link da pagina, que agora é:
http://code.jquery.com/jquery-1.7.2.min.js
Mas lembre-se que pode variar, pois a biblioteca jQuery sempre atualiza.
Agora que temos o url da pagina, como adicionamos a nossa pagina?
Simples, dentro da tag "<head>" da sua pagina HTML adicione este codigo
Agora que já esta adicionado, como adiciono meus codigos jQuery na pagina? Também dentro da tag head, adicione este codigo
Então, como irá ficar a pagina?
Pronto, para cada codigo diferente adicione o codigo
<script> SEU CODIGO JQUERY</script>
Agora, como editar um codigo HTML que já esta na pagina?
Simples, o codigo jQuery vai ser esse
O mesmo para css
Exemplo:
Ou como editar um link sem ID ou Class? Simples
O exemplo de editar HTML, como editar o nome "Painel de controle" do forum por exemplo? Nós adicionamos esse codigo jQuery
Ou como editar, só o texto dele.
Agora, como fazer isto apenas quando clicar no link? No caso, o evento será representado por .click, então o codigo ficará assim.
Pronto! Se tiverem duvidas, é só falar.
http://jquery.com/
Procurem pelo botão "Download", cliquem nele, após clicar ele levará você a uma pagina com uma centena de codigos, o que é para fazer agora? Apenas copiem o link da pagina, que agora é:
http://code.jquery.com/jquery-1.7.2.min.js
Mas lembre-se que pode variar, pois a biblioteca jQuery sempre atualiza.
Agora que temos o url da pagina, como adicionamos a nossa pagina?
Simples, dentro da tag "<head>" da sua pagina HTML adicione este codigo
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript">
Agora que já esta adicionado, como adiciono meus codigos jQuery na pagina? Também dentro da tag head, adicione este codigo
<script type="text/javascript"> SEU CODIGO JQUERY</script>
Então, como irá ficar a pagina?
<html>
<head>
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript">
<script type="text/javascript"> SEU CODIGO JQUERY</script>
</head>
<body>
SUA PAGINA
</body>
</html>
Pronto, para cada codigo diferente adicione o codigo
<script> SEU CODIGO JQUERY</script>
Agora, como editar um codigo HTML que já esta na pagina?
Simples, o codigo jQuery vai ser esse
$(document).ready(function() {
$("ID OU CLASSE DO OBJETO").html("CODIGO HTML QUE VOCÊ DESEJA");
});
O mesmo para css
$(document).ready(function() {
$("ID OU CLASSE DO OBJETO").css('CODIGO CSS QUE VOCÊ DESEJA');
});
Exemplo:
Irá adiciona o efeito neon ao objeto.$(document).ready(function() {
$("ID OU CLASSE DO OBJETO").css('text-shadow', '0 0 5px black');
});
Ou como editar um link sem ID ou Class? Simples
$(document).ready(function() {
$('a[href="LINK"]').seu efeito ou evento;
});
O exemplo de editar HTML, como editar o nome "Painel de controle" do forum por exemplo? Nós adicionamos esse codigo jQuery
$(document).ready(function() {
$('a[href="/admin"]').html('<a href="/admin">NOME QUE VOCÊ DESEJA</a>');
});
Ou como editar, só o texto dele.
$(document).ready(function() {
$('a[href="/admin"]').text("NOME QUE VOCÊ DESEJA");
});
Agora, como fazer isto apenas quando clicar no link? No caso, o evento será representado por .click, então o codigo ficará assim.
$(document).ready(function() {
$('a[href="/admin"]').click(function() {
$('a[href="/admin"]').text("NOME QUE VOCÊ DESEJA");
});
});
Pronto! Se tiverem duvidas, é só falar.
Alterar
