jQuery 一覧

NO IMAGE

jQueryでテキストボックスの文字数をカウントする

jQueryでテキストボックスの文字数をカウントしてみます。 bindメソッドを使ってkeyupとchange時に文字数をカウント(正...

記事を読む

NO IMAGE

jQueryでセレクトボックスの個数を調べる

jQueryでセレクトボックスの個数を調べます。 特に知ることができても、という感じですがプログラムする上で個数が知りたい時があるかも...

記事を読む

NO IMAGE

jQueryの$.extend()メソッドの使い方

jQueryの$.extend()メソッドは第一引数に、その後指定したオブジェクトの引数をマージするメソッドです。 以下の場合、obj...

記事を読む

NO IMAGE

jQueryプラグインのtooltipsterの使い方

jQueryプラグインのtooltipsterの使い方です。 こちらよりダウンロードします。 jsファイルは一つですが、cssフ...

記事を読む

NO IMAGE

jQueryプラグインのautotab

jQueryプラグインのautotabは入力フォームのフォーム間を自動でタブ移動してくれるプラグインです。 部品にmaxlengthを...

記事を読む

NO IMAGE

jQueryのイベントバブリングとtargetプロパティ

jQueryではイベントバブリングと呼ばれる仕組みがあります。 イベントバブリングとはある要素Aでイベントが発生すればそのイベントは要...

記事を読む

NO IMAGE

jQueryのパフォーマンス改善

jQueryでパフォーマンスを意識しないといけない場合、いくつか高速化するための例をあげます。 ・セレクタはid属性を指定する ...

記事を読む

NO IMAGE

jQueryで配列をループする

jQueryで配列をループするには、$.eachを使います。 第一引数に配列を指定し、第二引数に処理を記述したコールバック関数を指定し...

記事を読む

NO IMAGE

JavaScript、jQueryでチェックボックスを全部チェックする

JavaScriptでチェックボックスを全部チェックするにはdocument.all.name属性.lengthでチェックボックス分ループし...

記事を読む

NO IMAGE

jQueryでradioボタンの値を取得する

jQueryでradioボタンの値を取得するjQueryでradioボタンの値を取得するには、 というようにcssセレクタで取得するこ...

記事を読む

NO IMAGE

jQueryでreadonly属性かどうか調べる

jQueryでreadonly属性かどうか調べる jQueryでreadonly属性かどうか調べるには、attr属性を使用します。 ...

記事を読む

NO IMAGE

file部品の参照ボタン押下時に確認メッセージを表示する

input type="file"の参照ボタン押下時に確認ダイアログを出したくなったので試してみました。 onclick時のイベントで...

記事を読む

NO IMAGE

jQueryのセレクタ

jQueryのセレクタがいっぱいありすぎて覚えれないです。 セレクトボックスにname属性を使用してアクセスする場合$('select...

記事を読む

jQueryでblurイベント発生時にプレースホルダーを表示する

jQueryでblurイベント発生時にプレースホルダーを表示する

「jQueryでイベント発生時に1回だけイベントを実行する」のDEMOでプレースホルダーが表示されていますが、フォーカスを一回あてると消えて...

記事を読む

jQueryでイベント発生時に1回だけイベントを実行する

jQueryでイベント発生時に1回だけイベントを実行する

jQueryでイベント発生時に1回だけイベントを実行するone()というイベントを使ってみます。 以下コードです。 これでfoc...

記事を読む

jQueryでチェックボックスにチェックを入れて検索条件を有効にする

jQueryでチェックボックスにチェックを入れて検索条件を有効にする

jQueryでチェックボックスにチェックを入れて検索条件を有効にするようなフォームを良く見かけます。 例えば、「絞り込む」と言うチェッ...

記事を読む

jQueryでフォーム部品の入力文字数をチェックする

jQueryでフォーム部品の入力文字数をチェックする

jQueryで入力文字数をチェックしてみます。 例えばテキストエリアに20文字以上入力した場合にエラーとしたい場合があるとします。 ...

記事を読む

jQueryでフォーム部品の書式をチェックする

jQueryでフォーム部品の書式をチェックする

jQueryでフォーム部品の書式をチェックします。 文字を入力したタイミングでチェックを行うので、セレクタ.change()を使います...

記事を読む

jQueryでフォームの必須チェックをする

jQueryでフォームの必須チェックをする

jQueryでフォームの必須チェックをします。 フォームはDEMOに表示します。 DEMOを見ればわかるとおり、名前と性別は必須...

記事を読む

スムーズにトップにスクロールする

スムーズにトップにスクロールする

jQueryを使用してスムーズにスクロールします。 以下ソース例です。 aタグのリンクが#topのアンカーをクリックした場合スク...

記事を読む

スポンサーリンク