jQuery 記事一覧

jQuery で右クリックのイベントを禁止する方法

jQuery で右クリックのイベントを禁止する方法

2016/01/27 基本

Web ページで右クリックのコンテキストメニューを表示させたくない理由は様々です。 戻る、進むを禁止する 再読み込みを禁止する 画像の保存を禁止する ソースコードの...

jQuery でテキストボックスの値を設定/取得/追記/削除を行う方法

jQuery でテキストボックスの値を設定/取得/追記/削除を行う方法

2015/10/08 基本

jQuery でのテキストボックスに対する操作をまとめました。 テキストボックスの value 値に対する操作は、jQuery の中でも基本的な処理になります。ベースとなるテ...

jQuery UI Datepicker の便利機能を一気にまとめて定義!使いやすいカレンダーはこれだ!

jQuery UI Datepicker の便利機能を一気にまとめて定義!使いやすいカレンダーはこれだ!

2015/10/01 jQuery UI

jQuery UI のカレンダーによる日付入力補助機能を実現する Datepicker プラグインは、初期状態のままでは利便性が低いため、オプション設定により使い勝手を良くする方法...

アイコンをクリックして jQuery UI の Datepicker のカレンダーを呼び出す方法

アイコンをクリックして jQuery UI の Datepicker のカレンダーを呼び出す方法

2015/10/01 jQuery UI

jQuery UI の Datepicker には、様々なオプション項目が用意されています。上手く利用することで、カレンダー入力の利便性を向上させることができます。 これまで...

jQuery UI を用いてオリジナルのダイアログを実装する方法!独自のボタンや選択肢も簡単に追加できる!

jQuery UI を用いてオリジナルのダイアログを実装する方法!独自のボタンや選択肢も簡単に追加できる!

2015/09/30 jQuery UI

JavaScript には、ダイアログボックスを表示する alert 関数や confirm 関数が標準で用意されています。しかし、メッセージを表示して「OK」「キャンセル」の選択...

jQuery UI の Datepicker で年月をプルダウンから選択する方法

jQuery UI の Datepicker で年月をプルダウンから選択する方法

2015/09/18 jQuery UI

jQuery UI の Datepicker は、カレンダーを表示するためのプラグインです。基本となる実装方法、ならびに日本語対応の手順については、次のページを参照ください。 ...

jQuery UI の Datepicker でカレンダーを月曜始まりにする方法

jQuery UI の Datepicker でカレンダーを月曜始まりにする方法

2015/09/14 jQuery UI

jQuery UI の Datepicker は、カレンダーを表示するためのプラグインです。基本となる実装方法、ならびに日本語対応の手順については、次のページを参照ください。 ...

jQuery UI の Datepicker で土曜日/日曜日の背景色を変える方法【CSS対応】

jQuery UI の Datepicker で土曜日/日曜日の背景色を変える方法【CSS対応】

2015/09/12 jQuery UI

Datepicker で表示されるカレンダーは背景色が全て同じであるため、土曜や日曜が直感的に分からないデメリットがあります。設定によってはカレンダーを月曜始まりにすることもできる...

jQuery UI の Datepicker で複数の月のカレンダーを表示する方法

jQuery UI の Datepicker で複数の月のカレンダーを表示する方法

2015/09/11 jQuery UI

jQuery UI の Datepicker は、カレンダーを表示するためのプラグインです。ベースとなる実装方法、ならびに日本語対応の手順については、次のページを参照ください。 ...

jQuery UI でカレンダーを表示する Datepicker の使い方!テキストボックスの日付入力が簡単になる?!

jQuery UI でカレンダーを表示する Datepicker の使い方!テキストボックスの日付入力が簡単になる?!

2015/09/10 jQuery UI

テキストボックスの日付入力をカレンダーから選択できるようにしたい!そんな要望を叶えてくれるのが JavaScript の拡張ライブラリ jQuery UI の Datepicker...

jQuery でコナミコマンドを実装する方法

jQuery でコナミコマンドを実装する方法

2015/09/07 応用

コマンド「上上下下左右左右BA」を入力すると何かが起こる。 ファミコン世代にはお馴染みの「コナミコマンド」を、JavaScript で実装するのが今回の目的です。プラグインは...

jQuery UI を利用したテーブル行のドラッグ&ドロップによる入れ替え方法

jQuery UI を利用したテーブル行のドラッグ&ドロップによる入れ替え方法

2015/04/07 jQuery UI

jQuery UI の Sortable を利用すれば、たった1行でテーブルの行をドラッグ&ドロップで入れ替えられるようになります。 なおここで紹介する方法は、前提として j...

jQuery でセレクトボックスのプルダウン項目(option 要素)を追加/削除する方法

jQuery でセレクトボックスのプルダウン項目(option 要素)を追加/削除する方法

2014/10/23 基本

フォームオブジェクトの中でも、セレクトボックスの操作は少し特殊です。記述方法を覚えてしまえば問題ないのですが、同じようなミスをして調べる機会が多いのもセレクトボックスの特徴ではない...

jQuery でセレクトボックスを操作!value 値の取得や選択項目の指定、プルダウンテキストの取得方法

jQuery でセレクトボックスを操作!value 値の取得や選択項目の指定、プルダウンテキストの取得方法

2014/10/23 基本

select ボックスに対する jQuery の操作をまとめてみました。 JavaScript では value 値が取得・設定に特化することが多いですが、jQuery を使...

jQuery UI の Tabs を使って簡単にタブ切り替えを実装する方法

jQuery UI の Tabs を使って簡単にタブ切り替えを実装する方法

2014/10/18 jQuery UI

HTML 上のタブ切り替え画面の実装は、JavaScript でもさほど難しいものではありません。それでも jQuery UI で提供されている Tabs を利用すれば、もっと簡単...

非同期処理中の Now Loading を jQuery で表示させる方法

非同期処理中の Now Loading を jQuery で表示させる方法

2014/10/17 応用

画面遷移することなく、同じ画面内でサーバーとやりとりする処理を「非同期処理」と言います。 通常の同期処理では、処理が終われば次の画面が表示されます。一方、非同期処理の場合、ど...

jQuery でラジオボタンの値を取得/変更する方法

jQuery でラジオボタンの値を取得/変更する方法

2014/09/01 基本

radio ボタンに対する jQuery の操作をまとめてみました。 どれも基本的な操作です。しかし意外と忘れてしまうもので、値の設定方法はテキストボックスのケースと記述方法...

jQuery でファンクションキーやバックスペースキーを無効化する制御

jQuery でファンクションキーやバックスペースキーを無効化する制御

2014/02/01 応用

まず JavaScript の処理としてキー入力イベントは keydown から取得します。入力したキーによって、コード値を取得することができます。そして処理を無効化するためには ...

jQuery でキーボード入力をキャンセル(無効化)する方法

jQuery でキーボード入力をキャンセル(無効化)する方法

2014/01/31 基本

Web システムや Web サイト上で、キーボードからの入力を制御する方法は次の通りです。 キー入力イベントをキャッチする 処理を実行させずキャンセルする た...

jQuery UI の Autocomplete の CSS 設定を上書きする方法

jQuery UI の Autocomplete の CSS 設定を上書きする方法

2014/01/13 jQuery UI

jQuery UI の入力補完の機能を持ったオートコンプリート。単語リストを用意すれば、簡単に実装できるのが最大の魅力です。 入力補完として表示される単語リストの色は...

このブログの運営者

NJ

元システムエンジニアから、個人事業主として独立。Web サイト運営、動画制作など活動の場を広げています。このブログでは、困ってたどり着いた人に、分かりやすく答えを提供できるように心掛けています。

更新情報は、Twitter や Facebook ページを参照ください。フォローお待ちしています。