cssjQueryとcssでハンバーガーメニューの開閉ボタンをアニメーション付きで変化させる
cssでシュッと動かす動きをつけて、jQueryで開閉させるとハンバーガーメニュー(アコーディオンメニュー)の開閉ボタンをアニメーション付きで変化させる方法 ナビゲーションメニュー関連記事 ...
jQuery
css
jQueryjQuery UIのdraggableで要素をドラッグアンドドロップで移動させてみる
枠代わりの要素をドラッグアンドドロップで移動させて直感的に範囲で画像のトリミングできるようなものを作りたかったので、jQuery UIのdraggableを使ってみた。 デモの解説なので並べ...
jQuery【jQuery】overflow:scrollを適用したスクロールできる要素の高さを取得する方法
overflow: scrollを適用した要素の高さと、親要素の高さをjQueryで取得する。 jQuery関連記事 height()で要素の高さを取得 JavaScript height()...
jQuery画像が読み込めないときにjQueryで違う画像を読みに行く方法
メイクショップで画像パスの仕様変更があり、旧仕様と新仕様が混在してしまって1パターンな方法ではうまくいかないときの対処法 はじめに html デフォルトのimgタグが旧仕様のパスです。 この画像が読み込めない...
jQueryjQueryのsetTimeoutを使って一定時間経過後にページをリロード・リダイレクトする
jQueryのsetTimeoutを使って一定時間経過後にページをリロード（再読み込み）・別ページへリダイレクトする方法と、setIntervalとの違いや、繰り返しのタイマー処理を止める、clearTimeoutも。 ...
jQueryjQueryとaudioタグでクリックすると音が鳴るiOSのwebアプリを作る
うちの子供(1歳半)の為にhtml5のaudioタグとjQueryで動物の画像をクリック(タップ)すると動物の鳴き声が鳴るiOSのwebアプリ作る。 webアプリ関連記事 仕様 スマホ...
jQuery【jQuery】よく使うhtml特殊文字をエスケープ/アンエスケープの解説と特殊文字の変換ツール
よく使うhtml特殊文字とjQueryでhtml特殊文字をエスケープ/アンエスケープする方法の解説、特殊文字の変換ツールを作ってみました。 バリデーションで使えそうなfunctionも追加しました。 デモはこちら...
jQueryjQueryで数値をカンマ(コンマ)区切りの金額表示に変更する
jQueryで ・数値にカンマ(コンマ)をつけて、金額表示に変更 ・カンマ(コンマ)区切りの金額表示を数値に変更して計算に利用する ・makeshopで/を使用した部分の金額取得方法 をまとめました。 デモはこ...
jQuery【jQuery】文字列を改行コードやbrタグで区切って配列に保存する
jQueryで文字列を改行コードやbrタグで区切って配列に保存する方法のまとめ。 デモはこちら jQuery関連記事 1.元のテキスト HTML デモでは文字列のbrタグが見...
jQueryjQueryのlengthの使い方と、要素が存在するかチェックする
jQueryで、要素の数を取得したり、要素そのものが存在するかチェックするときに、よく使われるlengthの使い方と、要素が存在するかチェックするコードを作りました。 jQuery関連記事 lengthの...