jqueryフォームフィルター

TOPページに戻る > jquery入門

スポンサード リンク

jqueryフォームフィルター

jqueryにはフォームを指定する便利なフィルターがたくさんあります
クリックしたときに、枠の色を変えたり、デザインを変更するときに便利です

:inputフィルター

input要素/textarea要素/select要素/button要素をまとめて指定します
$(":input")
この場合は、input要素/textarea要素/select要素/button要素をまとめて指定します

$(function() {
	$(":input").処理する内容;
});

:textフィルター

type属性がtextのinput要素を指定します。1行テキスト入力フォーム
$(":text")
この場合は、type属性がtextのinput要素を指定します

$(function() {
	$(":text").処理する内容;
});

:passwordフィルター

type属性がpasswordのinput要素を指定します。パスワード入力フォーム
$(":password")
この場合は、type属性がpasswordのinput要素を指定します

$(function() {
	$(":password").処理する内容;
});

:radioフィルター

type属性がradioのinput要素を指定します。ラジオボタン
$(":radio")
この場合は、type属性がradioのinput要素を指定します

$(function() {
	$(":radio").処理する内容;
});

:checkboxフィルター

type属性がcheckboxのinput要素を指定します。チェックボックス
$(":checkbox")
この場合は、type属性がcheckboxのinput要素を指定します

$(function() {
	$(":checkbox").処理する内容;
});

:submitフィルター

type属性がsubmit/imageのinput要素をしていします。送信ボタン
$(":submit")
この場合は、type属性がsubmit/imageのinput要素をしていします

$(function() {
	$(":submit").処理する内容;
});

:imageフィルター

type属性がimageのinput要素をしていします。イメージボタン
$(":image")
この場合は、type属性がimageのinput要素をしていします

$(function() {
	$(":image").処理する内容;
});

:resetフィルター

type属性がresetのinput要素を指定します
$(":reset")
この場合は、type属性がresetのinput要素を指定します

$(function() {
	$(":reset").処理する内容;
});

:buttonフィルター

button要素を指定します
$(":button")

$(function() {
	$(":button").処理する内容;
});

:fileフィルター

type属性がfileのinput要素を指定します
$(":file")
この場合は、type属性がfileのinput要素を指定します

$(function() {
	$(":file").処理する内容;
});

:checkedフィルター

指定した文字列が含まれている要素を指定します
$("要素:checked")
この場合は、ラジオボタン、チェックボックスでチェックが指定されている要素を指定します

$(function() {
	$(":checked").処理する内容;
});

:selectedフィルター

セレクトボックスで選択されている要素を指定します
$(":selected")
この場合は、セレクトボックスで選択されている要素を指定します

$(function() {
	$(":selected").処理する内容;
});





(C)2012 ホームページ作成無料