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