jQuery

jQuery

jQueryで登録したイベントを意図的に発生させる方法

■triggerでイベントを発生させる例えば、ドロップダウンリストを操作した時に発生するchangeイベントを発生させたいときは、以下のように記述すると発生します。以下の様なドロップダウンリストがあるとします。<select name="h...
jQuery

Ajax通信中のくるくる画像を生成するサービス

Ajaxで非同期通信中のくるくるGIF画像を生成するWebサービスです。色やパターンを設定して、generateボタンを押すとGIFが生成されます。透過GIFも生成できます。
jQuery

jQueryで複数checkboxのチェックされている値のみ簡単に取得する

チェックボックスのなかで、チェックされているフォームの値だけを、jQueryを使って取得する方法です。以下の様なHTMLを用意します。<label for="test1" class="checkbox"> <input type="che...
jQuery

【スマートフォン対応】iScroll.jsを使ってパンくずリストを横スクロールするサンプル

スマートフォンのパンくずリストは、スマートフォンの画面のサイズ上、複数行になってしまうと表示が見えづらくなることが多いです。そこで、スマートフォンで表示した時に、横にフリックしてスクロールできるパンくずのサンプルをかきました。以下の画像のよ...
jQuery

jQueryでセレクトボックスのOptionタグの数を数える

jQueryを使ってセレクトボックスのoptionの数を数える方法です。selectCount = $('#selectBoxList').children().length;もっと正確に数えるならchildrenの部分にoptionタグの...
jQuery

jQueryで特定のIDで囲まれたcheckboxを一括ON/OFFする

webシステム構築している時に、【すべての項目をチェック】や【すべての項目を選択解除】などの処理がjQueryだと1行で実現できます。jQueryを使って、一括で特定のIDで囲まれたチェックボックスをON/OFFする方法です。■HTMLはこ...
jQuery

jQueryでajaxを使ってファイルをPOSTするサンプル

jQueryのajax機能を使って、ファイルなどをPOSTする時の書き方サンプルです。対象IDを記述したformタグからactionの中身を取得して、POSTしています。// 情報をajaxでPOSTfunction dataSubmit(...
jQuery

jQueryでhiddenの内容を取得する

以下のようなhiddenのフォームの内容をjQueryを使って値を取得する方法です。簡単です。<input name="hogehoge" type="hidden" value="mogemoge" />以下のように記述します。するとva...