Category / jQuery
【jQuery】$.ajax() で失敗時に常に実行したい処理があるとき
2019-12-17 問題 $.ajax() でリクエストして、HTTPステータス401や404や500番台が返ってきたとき、常にある処理をしたいのですが。 答え Global Ajax Event Handlers の .ajaxError […]
【Bootstrap】datepicker（日付選択UI）
2013-08-30 問題 Bootstrapを使っているのですが、日付選択UIはやっぱりjqueryuiのdatepickerを使うしかないでしょうか…… jqueriy.ui.datepicker はいいと思うんだけど、読み込まないといけ […]
【jqueryui】datepickerしたinputのclone
2013-08-28 問題 jqueryuiのdatepickerで日付入力できるようにした要素をcloneして複製をどこかに追加したとき、日付入力できなくなってて困っているのですが。 答え ここまでやること。 //複製して var clon […]
【jQuery】easing関数を作る
2013-08-03 animateやslideDownなどの動きのある処理で使う、値の変化の仕方を指定できるeasing。 jQuery本体には linear, swing のみがあり、jQueryUIやeasingプラグインを追加するとバ […]
【jQuery】回転のアニメーションをする例
2013-08-02 問題 jQueryプラグインとか無しで、回転できる？ 答え 回転します。 jQueryプラグイン無しで、回転します！ jQueryのanimateは、数値で設定できるスタイルシートのプロパティでしかアニメーションできない […]
【jQuery】セレクトボックスを空にしてから選択肢を追加する書き方の例
2013-03-17 問題 セレクトボックスを空にしてから選択肢（<option>）を追加してみてください。 答え id=”target”のセレクトボックス の子要素 を除去して、 id=”ta […]
【jQuery】拡大・縮小のアニメーションをする例
2013-03-15 問題 jQueryプラグインとか無しで、拡大・縮小できる？ 答え 拡大・縮小します。jQueryプラグイン無しで、拡大・縮小します！ jQueryのanimateは、数値で設定できるスタイルシートのプロパティでしかアニメ […]
日時の入力欄を、後の処理はしやすいままで、入力しやすくする（datetimepickerっぽいもの）
2012-11-27 問題 以下のような、日付と時間を入力するタイプの日時入力欄が入力しにくい。 YYYY-MM-DD hh:mm:ss形式で入力してもらえると楽なのはプログラマの都合。ユーザーには優しくない。 下図のような入力欄にしたい。 […]
【jQuery】marginの値を数値で取得したい
2012-10-06 問題 marginの値を数値で取得したい。 答え こんな感じでよいと思います。 parseInt($('#target').css('margin-left'), 10); $(‘#target’ […]
jquery.ui.datepicker.jsに最小限の手を加えて年月選択UIを作る
2012-07-31 日付入力、カレンダー入力をしたいときは jquery.ui.datepicker.js。 では、年月入力ができる機能が欲しいときはどうしましょう。 → jquery.ui.ympicker.js デモ 今回は、jquer […]
【jQuery】triggerしたイベントを引数で区別する
2012-07-20 $.trigger()は引数を持たせることができます。 通常の使い方。 $(function(){ $(document).on("BUTTONCLICK",function(){ alert("クリックされました"); […]
【jQuery】バーコードの「NW-7」を表示するjqueryプラグイン
2012-06-18 バーコードの[NW-7]を描くjqueryプラグインを作ってみました。 NW-7のバーコードにしたい「スタートコード（A～D）、0123456789-$/:+.からなる文字列、ストップコード（A～D）」の文字列を、pやd […]
【jQuery UI】datepickerで年/月/日で別々のフォームにしたい時
2012-05-03 問題 jQueryUIのdatepickerは、基本は1つのinputに対してのみ処理を行うようにできていますが、年、月、日の3つに分けて入力させるにはどうするとよいでしょう。 答え ・カレンダーを開く際には3つの年月日 […]
【jQuery】リストをページ分けしてjqueryuiのタブにする
2012-05-02 ある長いリストがあるとき、そのHTMLのプレーンなリスト（ulとliのリスト）を、スクリプトで変形し、1-10、11-20…のように区切って、jqueryuiのtabsを適用し、縦に短くし、タブ切り替えで閲覧できるように […]
【jQuery】長いリストを短くして「もっと見る」をつける
2012-04-27 リストで、あまりに長くなって邪魔な場合があると思います。 例えば、WorPressの年月日のアーカイブの一覧が、3年ぐらいたつと36個もできてしまう。 普段は上10個ぐらいあれば十分。でも件数制限して画面から消してしまう […]
【jQuery】jQuery.grep を使ってみる
2012-04-24 $.grep(配列, 判定用関数) を使うと、配列の中から判定用関数がtrueを返したものだけを取り出すことができます。 使用例１ 3の倍数だけを取り出す。 var a = [78, 96, 32, 3, 45, 7, […]
【jQuery】jQuery.each を使ってみる
2012-04-22 $.each(配列 or オブジェクト, コールバック) を使うと、for文でループするのと同じことができます。 $.eachって何？ jQueryにはいくつか便利機能が付いています。 http://api.jquery […]
jQueryUIのdialog（ダイアログ）の優雅な使い方
2012-04-17 通常のマニュアルのとおりにjqueryuiのダイアログを使うと、画面上にダイアログ用の要素を仕込んでおく形になります。 例） <script> $(function() { $("#dialog").dial […]
【jQuery】今見えているかどうか、表示しているかどうかを取得する
2012-04-11 画面上の要素を表示したり非表示にしたりすることがあるけど、今表示しているかどうかが取得できる方法です。 今非表示のものにマッチするセレクタがあります。 :hidden jQueryで、セレクタにマッチする要素があるかどう […]
【jQuery】クリックなどのイベントを発生させる
2012-04-08 .trigger()を使います。 例えばid=”sample”に対してclickイベントが登録されているとして、 $('#sample').on("click", function(){ aler […]