JQuery: Setando o foco em campo específico

Publicado em: 1 de julho de 2010Categoria: JQueryTag(s): foco, JQuery

Obrigado! você é a 4.838ª pessoa que visita este post.

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.