sexta-feira, 24 de abril de 2009

Jquery - hover


$("h1").click(teste)

function over(){ $(this).addclass("marcado") }
function out(){ $(this).removeclass("marcado") }

$("h1").hover(over,out)

Jquery - Primeiros Passos

$(":input") Pega todos input
$(":input")[0] Pega primeiro input
$(":input").val("teste") Coloca este em todos campos input
$(":input").val() Retorna Valor
$(":input#email")
$("#email")[0]
$("#email").val() Pega Valor do Campo
$(":input").attr("size","5")
$(":input").attr({
"size":"10";
"value":"teste";
"disabled":"disabled";
})
$(":input").removeattr("dissabled") Habilita o campo novamente
$("h1").html("-a href="www.matosinformatica.com.br">matos-/a>")
html - coloca na div
$("h1").append("-a href="www.matosinformatica.com.br">matos-/a>")
append - adiciona na div

Carregar Funcao Jquery

-script>
$(document).read(function(){
alert("Teste de funcao") <== Quando entrar no html-, vai dar alerta direto $("#botao_cor").click(function({ alert("clicado no botao"); <== somente vai dar a mensagem quando clicar botao_cor return false; <== coloque false para nao postar html }) }) -/script>
-body>
-div class="formato" id="div_produtos">Produto-/div>
-form id="form1" name="form1" method="post" action="">
-label>
-input name="botao_cor" type="submit" id="botao_cor" value="cor">