jQuery フォームの操作~特定の要素の絞込み~

jquery

フォーム要素をjQueryで扱うときにフォームをデコレーションする場面も多いと思うが、たくさんのinput要素の中から特定する場合どうするかメモ。

動作確認

上記のサンプルはフォーカス時に背景色とテキストエリアに「入力してください」を表示させインプットがテキストのときは「必須項目」と表示しているようにする

is(expr)による条件分岐

is()は要素集合の中から条件式にあう要素ががあればtrueを返す

$(":input").focus(function(){

//input 要素の要素集合からタイプ属性がテキスト要素だった場合
if($(this).is(":text")){
 ~処理内容~
}

});

});