MyBatisでchoose when otherwiseを使用して動的SQLを生成する
jQuery
jQueryのoff()メソッドでイベントを削除する方法
jQueryのoff()メソッドでイベントを削除する方法 jQueryでon()メソッドがあるようにoff()メソッドがあります。 以下はテキストに入力したら文字列長が表示される例です。 サンプル $(function(){ $("#tex...
jQueryでテキストボックスの文字数をカウントする
jQueryでテキストボックスの文字数をカウントする jQueryでテキストボックスの文字数をカウントしてみます。 bindメソッドを使ってkeyupとchange時に文字数をカウント(正確にはlength)したものを表示しています。 <!...
jQueryでセレクトボックスの個数を調べる
jQueryでセレクトボックスの個数を調べる jQueryでセレクトボックスの個数を調べます。 特に知ることができても、という感じですがプログラムする上で個数が知りたい時があるかもしれないので調べました。 childlenメソッドを使います...
jQueryの$.extend()メソッドの使い方
jQueryの$.extend()メソッドの使い方 jQueryの$.extend()メソッドは第一引数に、その後指定したオブジェクトの引数をマージするメソッドです。 以下の場合、obj1にobj2をマージしています。 $(function...
jQueryプラグインのtooltipsterの使い方
jQueryプラグインのtooltipsterの使い方 jQueryプラグインのtooltipsterの使い方です。 こちらよりダウンロードします。 jsファイルは一つですが、cssファイルがかなりあります。 まず全てプリロードします。 <...
jQueryプラグインのautotab
jQueryプラグインのautotab jQueryプラグインのautotabは入力フォームのフォーム間を自動でタブ移動してくれるプラグインです。 部品にmaxlengthを指定し、maxlengthに達すると自動でタブ移動されます。 jq...
jQueryのイベントバブリングとtargetプロパティ
jQueryのイベントバブリングとtargetプロパティ jQueryではイベントバブリングと呼ばれる仕組みがあります。 イベントバブリングとはある要素Aでイベントが発生すればそのイベントは要素Aの親要素にも伝わっていくことを言います。 以...
jQueryのパフォーマンス改善
jQueryのパフォーマンス改善 jQueryでパフォーマンスを意識しないといけない場合、いくつか高速化するための例をあげます。 ・セレクタはid属性を指定する $("a")より$("#a")の方が処理が早いです。セレクタがid属性を指定す...
jQueryで配列をループする
jQueryで配列をループする jQueryで配列をループするには、$.eachを使います。 第一引数に配列を指定し、第二引数に処理を記述したコールバック関数を指定します。 <!DOCTYPE html> <html lang="ja"> ...
JavaScript、jQueryでチェックボックスを全部チェックする
JavaScript、jQueryでチェックボックスを全部チェックする JavaScriptでチェックボックスを全部チェックするにはdocument.all.name属性.lengthでチェックボックス分ループしてチェックしていきます。 <...
jQueryでradioボタンの値を取得する
jQueryでradioボタンの値を取得する jQueryでradioボタンの値を取得するjQueryでradioボタンの値を取得するには、 $('input:checked').val(); というようにcssセレクタで取得することができ...
jQueryでreadonly属性かどうか調べる
jQueryでreadonly属性かどうか調べる jQueryでreadonly属性かどうか調べるには、attr属性を使用します。 if($(#id).attr('readonly') == 'readonly'){ // 処理 } rea...
file部品の参照ボタン押下時に確認メッセージを表示する
file部品の参照ボタン押下時に確認メッセージを表示する input type="file"の参照ボタン押下時に確認ダイアログを出したくなったので試してみました。 onclick時のイベントで確認ダイアログを表示し、「いいえ」を選択したらf...
jQueryのセレクタ
jQueryのセレクタ jQueryのセレクタがいっぱいありすぎて覚えれないです。 セレクトボックスにname属性を使用してアクセスする場合$('select[name=hoge')と言う感じでアクセスできます。 <!DOCTYPE htm...
jQueryでblurイベント発生時にプレースホルダーを表示する
jQueryでblurイベント発生時にプレースホルダーを表示する 「jQueryでイベント発生時に1回だけイベントを実行する」のDEMOでプレースホルダーが表示されていますが、フォーカスを一回あてると消えてしまい、フォーカスを外してもプレー...
jQueryでイベント発生時に1回だけイベントを実行する
jQueryでイベント発生時に1回だけイベントを実行する jQueryでイベント発生時に1回だけイベントを実行するone()というイベントを使ってみます。 以下コードです。 <!DOCTYPE html> <html lang="ja"> ...
jQueryでチェックボックスにチェックを入れて検索条件を有効にする
jQueryでチェックボックスにチェックを入れて検索条件を有効にする jQueryでチェックボックスにチェックを入れて検索条件を有効にするようなフォームを良く見かけます。 例えば、「絞り込む」と言うチェックボックスがあり、チェックをいれて無...
jQueryでフォーム部品の入力文字数をチェックする
jQueryでフォーム部品の入力文字数をチェックする jQueryで入力文字数をチェックしてみます。 例えばテキストエリアに20文字以上入力した場合にエラーとしたい場合があるとします。 サブミットするタイミングかリアルタイムかどちらかでチェ...
jQueryでフォーム部品の書式をチェックする
jQueryでフォーム部品の書式をチェックする jQueryでフォーム部品の書式をチェックします。 文字を入力したタイミングでチェックを行うので、セレクタ.change()を使います。 以下では郵便番号がxxx-xxxx形式でない場合エラー...
jQueryでフォームの必須チェックをする
jQueryでフォームの必須チェックをする jQueryでフォームの必須チェックをします。 フォームはDEMOに表示します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="ut...
スムーズにトップにスクロールする
スムーズにトップにスクロールする jQueryを使用してスムーズにスクロールします。 以下ソース例です。 <script type="text/javascript"> $(function(){ $('a').click(function...