jQuery

javascript

Javascriptでセレクトボックにテキスト入力で検索できる機能を付けるjQueryプラグインselect2の使い方

「セレクトボックスのオプションの項目が多すぎて目的の項目を選択するのが大変」っといったお悩みはないでしようか?ユーザービリティを考えて、五十音順にならべるなど対...
javascript

jQueryで電話番号を判別して動的にリンクを追加する方法

以前、「ブラウザがスマホサイズの時だけ電話番号リンクを表示させる方法」や、「電話番号の自動追加を無効にする方法」など紹介しましたが、今回ご紹介するJQueryで...
javascript

jQueryでブラウザの幅や高さなどウインドウのサイズが変更されたときに処理を実行する方法

レスポンシブでサイト制作していると、jQueryやjavascriptでもウィンドウ幅や高さのサイズの変更を動的に取得して処理を実行したいということがでてくると...
javascript

マウスオーバーで画像を切り替える方法【JavaScript・jQueryで簡単実装!プラグイン不使用!】

ナビゲーションなど、ボタンをロールオーバーしたときに画像を違う画像に入れ替えたいといったことよくありますよね? 今回は、jQueryやJavaScri...
jQuery

ふりがなをフォームに自動入力してくれるjavascriptプラグインjquery.autoKana.jsの設置方法

ECサイトやお問い合わせなどのフォームでフリガナの入力を求められことがあります。たいていは名前などの固有名詞を入力してからの入力になるのですが、その入力作業と連...
jQuery

jQueryで要素のn番目を指定して操作する2つの方法

以前「cssでn番目を指定する方法」をご紹介しましたが、javascriptでも同様のことができたら便利だと思いませんか?そこで今回はjQueryで要素のn番目...
jQuery

jQueryで特定のclassが存在するかしないかを判定する方法

サイト内の特定の条件を判定して、JavaScriptを実行させていと言ったことはよくあると思います。もし、classの有無を判別して、それによって実行するJav...
jQuery

旧Microsoft Edgeでhistory.backすると、チェックボックスやラジオボタンの値が消える問題を解決する方法

Microsoft Edgeでお問い合わせフォーム等の、確認ページなどの遷移先からhistory.backで戻ってきたとき、チェックボックスやラジオボタンで選択...
javascript

ページ読み込み時にjavascript(jQuery)を実行する方法

ページが読み込まれたときにjavascript(jQuery)の処理を実行させたい、といったことはよくあると思います。 今回は、ページにアクセスされ読み込まれ...
jQuery

【bxSlider】アクティブなスライドにclassを追加する方法とcssアニメーションで動きを加える方法

bxSliderといえばレスポンシブにも対応するスライダーで、最もよく使われるスライダープラグインの一つですが。スライドの動き自体は、横スライド、縦スライド、フ...
スポンサーリンク