「jQuery」タグアーカイブ

jQueryのバージョン:1.x系と2.x系の違い

jQueryの豆知識ですが、jQueryのバージョンは大きく1.x系と2.x系の2つに分けられます。この2つの違いについてメモしておきます。

jQuery 1.x 系

    主に、IE8以前のバージョンを含むレガシーブラウザ向けをサポートするバージョンです。

jQuery 2.x 系

    IE8以前のサポートは切り捨てて、より高速に安定して動作させることを目指したモダンブラウザ向けのバージョンです。

jQuery 本体のダウンロード

  1. 以下サイトへアクセスし、左上にあるDownloadボタンを選択します。
    http://jquery.com/
  2. Downloadページが表示されると 1.x系と2.xに分かれているのがわかります。

案件により対応ブラウザを確認してjQueryのバージョンは選択しましょう。

WordPressでjQueryが動かない

当初WordPressを使用し始めていた時期に、jQueryを動作させようとしたら全く反応しないという事象が発生しました。その時の対処方法をメモしておきます。

原因

WordPressではjQuery以外にも「prototype.js」や「mootools」といった他のライブラリも読み込まれています。これらのライブラリでも「$」関数が使用されている為、conflictが発生してjQueryが動作しなくなってしまいます。

対処方法

jQueryで以下の様に「$」を「jQuery」へ書き換えて「$」関数を使用しないように変更します。

変更前

変更後