JQuery: Setando o foco em campo específico

Aprenda, neste post, como setar o foco em um campo específico do formulário.

Veja o código:

<head>
<script type="text/javascript">
   $(document).ready(function(){
      $("input:text:eq(1):visible").focus();
</script>
</head>

Explicando:

:input – acessa os elementos input em um formulário.
:text – acessa os elementos input do tipo text em um formulário.
:eq(posição) – acessa o elemento definido pela “posição”. No exemplo, acima, selecionou-se o segundo item do formulário. Vale lembrar, que a contagem começa em 0 (zero).
:visible – acessa a ocorrência de todos os elementos visíveis.
.focus() – seta o cursor para o campo do formulário.

4 comentários em “JQuery: Setando o foco em campo específico

  • 16 de julho de 2010 em 15:21
    Permalink

    Valeu pela dica! Tenho sempre acompanhado o seu blog e gostei muito.
    Juninho

    Resposta
  • 29 de julho de 2012 em 13:12
    Permalink

    Cara, valeu pela dica. Objetiva e descomplicada.
    Grande abraço !

    Resposta
  • 31 de maio de 2013 em 15:57
    Permalink

    Opa manolo muito legal essa manipulação do seletor, valeu me ajudou bastante !!!

    Resposta

Deixe uma resposta

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