jQuery（ジェイクエリ）

jQueryのDatepicke（データピッカーrを使ってフォームなどの入力枠に日付を簡単に入力できるようにしてみます。 CDNを読み込む まずはjqueryとCSSを読み込みます。 <script src=""&...

テーブルなどの要素にclassやidを追加したいと思った時に使える方法です。 attr(properties) キーと値の組み合わせからなるハッシュオブジェクトを引数に渡し、全ての要素に複数の属性を同時に設定する。 &l...

WEBサイトやブログを開いてもらった時に、ローディングアニメーションを実装する方法です。 デモページはこちら↓ 画像を表示させる まずは、ローディング用の画像を表示させます。 <div class="...

「ハンバーガーメニューを作りたい」というのはきっと多くの方が思われていて、挑戦している方も多くいらっしゃると思いますが、遅ればせながらハンバーガーメニューに挑戦してみたいと思います。 ▼サンプルはこちら ハンバーガーメ...

Uncaught TypeError: $(…).on is not a function jQueryが動かないと思ってConsoleを見ていると「Uncaught TypeError: $(…).on is not a fu...

window.onloadとjQueryの$(document).readyは同じではないのか…？と思っていましたが、意味が違っていたようなので、その違いについて書いてみます。 window.onload = function() ...

CSSで「要素が画面に入ったタイミングでフェードインしながらふわっと表示させたい」と思ったときに使える方法です。要素をふわっとフェードインさせたいと思ったときには、jQueryを使って表示させることができます。 ▶サンプルページはこ...

jQueryのScrollTween.jsが動かない・・・ ページ上にjQueryを読み込んで、ちゃんと読み込まれているようになっているはずですが・・・ どうやってもスクロール・が・・・動かない。 ...

jQueryとは？ jQueryとは、John Resigさんが開発したJavascriptのライブラリです。WEBページに様々なアクションやアニメーションを設定することができて、「プラグイン」と呼ばれる拡張ライブラリも多数あります...