Mover el foco a un campo particular

Question

Tengo un botón que agregará mostrar un formulario en la página. ¿Cómo puedo mover el foco al primer campo del formulario cuando se hace clic en ese botón?

ejemplo sencillo:

HTML:

<form style="display:none;" id="newForm"> 
    <input type="text" id="firstField"> 
</form> 
<input type="button" id="showForm" value="add new"> 

jQuery:

$("#showForm").click(function(){ 
    $("#newForm").show(); 
    //move focus?? 
}); 

Answer 1

podría ser la siguiente:

$("#newForm input:first").focus(); 

Answer 2

Prueba esto:

$('input#firstfield').focus(); 

Answer 3

Una búsqueda más rápida sería simplemente.

$('#firstField').focus() 

Sin embargo, si eliminaste la ID de tu elemento, esto sería mejor pero un poco más lento.

$('#newForm input:first').focus();