JQuery: Atribuir objetos em variáveis

Uma dica rápida e fácil de como atribuir objetos JQuery em variáveis.

Dessa forma fica mais fácil de manipular organizar o código.

Veja alguns exemplos:

<script type="text/javascript">
$(document).ready(function(){
   /* atribuindo o objeto a variável */
   var senha=$("#senha");
 
   /* utilizando a variável senha referenciada ao objeto $("#senha") */
   senha.attr({disabled:'true'});
 
   /* podemos atribuir à variável o valor do atributo */
   var senha=$("#senha").val();
</script>
<div id="conteudo">
   <form action="" id="form">
   <br>
   Usuário:<br/><input type="text" name="login" id="login" />
   <br/>
   Senha:<br/><input type="password" name="senha" id="senha" />
   </form>
</div>

4 comentários em “JQuery: Atribuir objetos em variáveis

  • 23 de julho de 2010 em 12:46
    Permalink

    Não entendi nada, poderia mostra isso ai em um outro exemplo.

    Resposta
    • 26 de outubro de 2010 em 18:53
      Permalink

      Olá Willcom,

      esta dica é bem simples. Para entender, te indico uma boa leitura sobre a biblioteca JQuery.

      Você vai ficar fascinado.

      Resposta
  • 28 de setembro de 2012 em 17:13
    Permalink

    Eu já vi algo parecido, gostaria de saber se o resultado seria o mesmo, onde o objetivo é apenas pegar o conteúdo de um campo do formulário e salvar em uma variável JS…

    var senha = $(“#senha”).val();

    Onde #senha para quem não entendeu faz referência ao ID do campo
    Ou ainda para quem não saiba no jQuery quando se usa o seletor $() é o mesmo que se estivesse utilizando o antigo document.getElementById(“senha”)

    Resposta
    • 28 de setembro de 2012 em 18:46
      Permalink

      Olá Elvis,

      O resultado seria o mesmo sim.

      Resposta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *