メン醤のjQuery workshop

jQueryの小技などのサンプルをコード例として紹介するブログです。ネイティブJavaScriptから移行したいjQuery初心者向け、jQueryの魅力を知ってもらえたら。

初期表示時に最初の入力要素のフォーカスをあてる

シンプルに書くと

$('input, textarea, select').eq(0).focus();

です。
eq(0) で取得した入力要素達のなかから最初のものを取り出して、focus()を呼びます。

ただstyle="display:none;"disabledreadonlyを除きたい場合はちょっと複雑ですが

$('input:enabled:visible:not([readonly]), textarea:enabled:visible:not([readonly]), select:enabled:visible').eq(0).focus();

となります。

なお、最初の入力要素が<input type="text">jQuery UIのdatepickerなどがあたってると
いきなりカレンダーが出てきてびっくりしますが、それを含めるかは各システムの好みでしょうね。