読者です 読者をやめる 読者になる 読者になる
スポンサーリンク

jQuery バージョン 1.11 と 2.1 での変更点の一覧と,APIリファレンス。1.10や2.0のリリースと機能は同じで,チートシートも流用可能。IE8対応なら1.11を使う

jquery javascript 違いの比較

jQuery バージョン 1.11 と 2.1 での変更点。


バージョンアップに伴う差異のまとめ:

  • APIは前のバージョン(1.10, 2.0)と変わらない。
  • バグ修正
  • レイアウト高速化
  • 読み込みをより細分化して高速化
  • カスタムビルドが向上
  • npmやBowerなどのパッケージ管理ツール対応

jQuery リリースの歴史:

  • 1.8リリース:2012年8月 →こちら
  • 1.9リリース:2013年1月 →こちら
  • 2.0と1.10リリース:2013年5月 →こちら
  • 2.1と1.11リリース:2014年1月 →今回紹介するバージョンです。


jQuery 2.1 および jQuery 1.11 のAPIリファレンスは,
1.10と共通の資料を使える。

jQuery 1.10 Reference - API by Function Types
http://server2client.com/jquery1ref/r...

  • 1.10のAPIドキュメンテーション。


jQuery 1.10 Reference - API by Function Types
http://learnjavascript.co.uk/jq/refer...

  • 同,1.10のドキュメント。


jQuery Cheatsheet
http://oscarotero.com/jquery/

  • チートシート
  • 1.10/2.0を, 1.11/2.1にも流用できる。


jQuery 1.11 は,2.1 と機能的に同じだ。

1系である1.11はIE8以下をサポートしており,
2系である2.1 はIE8以下をサポートしない代わりに高速。

現在利用しているjQueryのバージョンを確認するには? - Build Insider
http://www.buildinsider.net/web/jquer...

  • 1.11.xと2.1.xとは機能的には等価で、異なるのは対応するブラウザーのバージョンだけです。


jQueryのバージョン1.xと2.xの違いは対応ブラウザ。Win XPつまりIE8以下・6以上のサポートが必要なら1系を使い,モダン・スマホサイトは2系を使う
http://computer-technology.hateblo.jp/entry/20150701/p1

  • 新版と旧版のバージョンの対応としては,2.0には1.10が対応。 また,2.1には1.11が対応する。
  • だから,最新の機能を使いたい場合は,この2つのバージョンのjQueryを同時に使えばよい。 IE8以下には jQuery 1.11, IE9以上には jQuery 2.1をロードする。


また,1.11(=2.1)のリリースはバグ修正がメインで,
機能的な変更はない。

なので,リファレンスは1.10(=2.0)の物を引き続き使える。


なおかつ,2.0のAPIは1.9と同じ。


ということは,API的には
1.9= 1.10 = 1.11 = 2.0 = 2.1
なのだ。

jQuery 1.11.0 と 2.1.0 での変更箇所の自分なりのまとめ | 私的なjQuery
http://myjquery.blog.fc2.com/blog-ent...

  • 2014年1月。jQuery 1.11.0 と 2.1.0 がリリース されたので、自分なりに変更点をまとめました。
  • 1.10, 2.0 から API の変更はありません。
    • 多くのバグ修正と AMD 対応強化、npm 登録、性能改善など、 内部の管理環境の変更


jQueryサイト:リファレンスv1.11対応 | Design Drill Diary
http://designdrill.jp/wordpress/?p=7865

  • 1.11のリリースはバグ修正がメインで,メソッドやプロパティの仕様に変更はありません。
    • なので、今回のバージョンアップに伴うリファレンスの追加/修正はありません。
  • ほか,性能面での細かい変更点などを解説
    • Fewer forced layouts
    • Granular custom builds
    • Lower startup overhead
    • Published on npm
    • Published on Bower


jQuery 2.0.0 での変更箇所の自分なりのまとめ | 私的なjQuery
http://myjquery.blog.fc2.com/blog-ent...

  • jQuery 1.9 と 2.0 は同じ API を持ちます。
  • そのため 1.9 と同じように、 1.8 から結構な規模の API の整理が行われています。


そのためバージョン毎の機能の違いとしては,

  • 「1.9以降」
  • 「1.8以前」

で真っ二つに分かれる。

例えば 1.11 と 1.7 を比較するような場合,APIの挙動がだいぶ変わるので注意しよう。

WEB開発備忘録 Jquery 1.7.3→ Jquery 1.11にして起こった不具合
http://rockstock2008.blog17.fc2.com/b...

  • .attr()の仕様が変更したことが原因でした。
  • .attr()はHTML属性を扱い.prop()はJavaScriptのプロパティを扱う という根本的な違いがあります。
    • つまり.attr()はHTMLで記述されている内容を扱うのです。


APIは1.10から変化していないものの,
性能面や,ライブラリの管理方法の面では
1.11でも進歩を続けている。

「jQuery 2.1」および「jQuery 1.11」リリース、モジュール機構を強化 | OSDN Magazine
http://osdn.jp/magazine/14/01/27/140000

  • バージョン1.7でサポートされた非同期モジュール仕様の「AMD」(Asynchronous Module Definition)のサポートが強化
  • 遅延あるいは非同期での読み込みよりも,性能改善が見込める。
    • より小さなライブラリサブセットを容易に構築できる 
  • 性能面ではレイアウト処理を改善
    • Webブラウザが強制的に時間のかかるレイアウト処理を実行する問題を削減
  • これまではjQueryの読み込み時にすべてのコードがロードされていた
    • 必要に応じてコードをロードして実行する形に変更
    • 特にモバイルでページの読み込みを大きく改善


1系,2系ともにソースコードは下記のURLからダウンロードできる。

jQuery Core – All Versions | jQuery CDN
http://code.jquery.com/jquery/


ちなみに公式サイトのURL(CDN)を使ってjQueryを読み込む場合,
「latest」を呼ぶと,1.11 が取得できる。

しかし,latestという形式で呼ぶのは非推奨なので,もうやめたほうが良い。

個別にバージョンを指定しよう。

jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」 | WWW WATCH
http://hyper-text.org/archives/2014/0...

  • jQuery 公式 Blog は、
    • 今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、
    • 本番環境 (公開している Web サイト) で jquery-latest.js を読み込むのをやめてくれ
    • というアナウンスを行っています。