0.4.3 から 1.0.0 へのアップグレード

mdui.$ の更新

0.4.3 では mdui.JQ と呼ばれていましたが、1.0.0 では mdui.$ に名称変更されました。

この変更により、ES6 モジュール環境では、以下の方法で mdui.$ をインポートでき、より使いやすくなりました。

import { $ } from 'mdui';

mdui.$ では多くのメソッドの機能が拡張されていますが、ここでは説明を省略します。以下に 0.4.3 と互換性のない更新部分のみを列挙します。

.width()、.height()、.innerWidth()、.innerHeight() の変更

0.4.3 では、パディングが含まれるかどうかは box-sizing 属性の値に依存していました。

1.0.0 では、幅と高さは box-sizing 属性に関係ありません。jQuery と一貫性を持つように変更されました。

.offset()、.position() の変更

0.4.3 では、戻り値の形式は { top: number, left: number, width: number, height: number } でした。

1.0.0 では、戻り値の形式が { top: number, left: number } に変更されました。jQuery と一貫性を持つように変更されました。

.children()、.parent()、.parents()、.prev()、.prevAll()、.next()、.nextAll()、.siblings() の変更

0.4.3 では、引数として CSS セレクター、DOM 要素、配列などの複数の型が指定可能でした。

1.0.0 では、引数は CSS セレクター型のみとなりました。jQuery と一貫性を持つように変更されました。

.has() の変更

0.4.3 では、引数として CSS セレクター、DOM 要素、配列などの複数の型が指定可能でした。

1.0.0 では、引数は CSS セレクターまたは DOM 要素のみとなりました。jQuery と一貫性を持つように変更されました。

.ready() の削除

0.4.3 では、$(document).ready(function () {}) を使用して、DOM の読み込み完了後に実行する必要がある関数を呼び出すことができました。

1.0.0 では、これを $(function () {}) に置き換えてください。

.ajax() の変更

0.4.3 では、.ajax() メソッドの戻り値は XMLHttpRequest オブジェクトでした。また、jsonp リクエストの送信をサポートしていました。

1.0.0 では、戻り値が Promise に変更されました。また、このメソッドは jsonp リクエストをサポートしなくなりました。