本サイトからスピンオフした姉妹サイトです。1.9以前から最新化する場合には動作しない場合がある。Migrateプラグインの基本的な使い方を説明する。→jQueryは、基本的に後方互換性を強く意識したライブラリです。よって、以前のバージョンで開発したアプリは、大概、最新のjQueryでも動作します。1.9の前後は要注意です。1.9では、肥大化したライブラリを整理/縮小するために、近年あまり利用されなくなったものを中心に、いくつかの機能が削除されているからです。1.8以前で開発したアプリが、1.9では動作しなくなる可能性があります。1.9で削除された主な機能には、以下のようなものがあります。hoverメソッドは引き続き利用できます。1.9以上を利用する場合には、これらの機能を代替の方法で置き換えるのがあるべき姿です。アプリの規模が大きくもなれば、手を入れるのもなかなか困難な場合があります。Migrateプラグインです。これは、まさに移行(Migrate)のためのライブラリで、1.9で削除された機能をリストアします。1.9以降への移行が可能になります。Migrate(jquery-migrate-1.2.1.min.jsファイル)をインポートするだけです。Migrateの順でインポートしなければなりません。id="msg">クリックすると、背景色が交互に変化します。Migrateを利用することで、1.8以前と同じく、正しく動作していることが確認できます。ちなみに、太字のコードをコメントアウト(もしくは削除)すると、コードは正しく動作しない――ページ起動とともに文字列が非表示になることが確認できます*2。fnc)が働くためです。fnc)メソッドについては、後日別稿で解説予定です。Migrateでは、development(非圧縮)版を利用することで、非推奨のコードを検出し、ブラウザーの開発者ツールにログとして出力することもできます。src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>で書き換えた場合の結果です(minなし)。「JQMIGRATE:」という接頭辞で警告ログが表示されていることが確認できます。Migrateを利用することで、非推奨コードを洗い出すこともできるわけです。Messages(英語)」からも確認できます。development版で、警告ログの出力を無効にしたい場合には、コードを以下のように修正します。true;......中略......});警告ログを無効化するためのコードまた、ログ出力するのではなく、非推奨の警告を配列として取得するには、$.migrateWarningsプロパティにアクセスしてください。※以下では、本稿の前後を合わせて5回分(第1回~第5回)のみ表示しています。INDEX]を参照してください。jQueryを利用するには?jQueryの特徴を簡単に紹介。jQueryライブラリをCDNから、もしくはローカルにダウンロードしてから利用する方法を説明する。現在利用しているjQueryのバージョンを確認するには?現在利用しているjQueryライブラリのバージョンを、JavaScriptコードから実行中に確認する方法を説明する。ライブラリのバージョンの使い分けや、旧バージョンの入手方法も紹介。1.9以前から最新化する場合には動作しない場合がある。Migrateプラグインの基本的な使い方を説明する。要素配下のテキストを取得/設定するには?(text/html)textメソッドやhtmlメソッドを使って要素配下のテキストやHTMLソースを取得する方法を解説。それぞれの使い分けについても説明する。要素のスタイルプロパティを変更するには?(css)背景色を変えるなど、要素のスタイルを変更できるcssメソッドの基本的な使い方を解説。相対値の指定や複数まとめて指定、現在の値の取得なども説明する。機械学習エンジニアを目指す人~初中級者のための技術情報サイトです。「機械学習&AI」「クラウド&ビッグデータ」「IoTデバイス」のネット記事情報を共有中。開発者のためのSlackチーム、作りました:「機械学習&AI」「クラウド&ビッグデータ」「IoTデバイス」のネット記事情報を共有中。2020最適なビューへの切り替えを推奨します:スマートフォン用表示に。