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