Sposta lo stato attivo su un campo particolare

Question

Ho un pulsante che aggiungerà mostrare un modulo sulla pagina. come posso spostare lo stato attivo sul primo campo del modulo quando viene cliccato quel pulsante?

semplice esempio:

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

Potrebbe essere questo:

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

Answer 2

Prova questo:

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

Answer 3

Una ricerca più rapida sarebbe semplicemente.

$('#firstField').focus() 

Tuttavia, se si rimuove l'ID dal proprio elemento, questo sarebbe migliore ma leggermente più lento.

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