jQuery 以外の方法: Vanilla JavaScript とその他のライブラリ
jQuery 通常パッケージとスリムパッケージの違い
- 通常パッケージ: すべての機能とオプションを含む完全なバージョンです。
- スリムパッケージ: 重要な機能のみを含む軽量バージョンです。
サイズの違い
主な違いはファイルサイズです。
- 通常パッケージ: 約 80KB
スリムパッケージは、必要な機能のみをダウンロードすることで、Web サイトの読み込み速度を向上させることができます。
機能の違い
スリムパッケージは、以下の機能が省略されています。
- Ajax
- アニメーション
- コールバック
- CSS
- データ
- ディフェード
- エフェクト
- フォーム
- イベント
- JSON
- セレクター
- スクロール
- サポート
- ユーティリティ
- ウィジェット
これらの機能は、多くの Web サイトでは必要ありません。必要に応じて、個別にダウンロードすることができます。
どちらを選択するべきか?
- すべての機能が必要な場合は、通常パッケージを選択します。
- Web サイトの読み込み速度を重視する場合は、スリムパッケージを選択します。
- 必要に応じて、個別に機能を追加することができます。
通常パッケージ
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("h1").click(function() {
$(this).hide();
});
});
</script>
スリムパッケージ
<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"></script>
<script>
$(document).ready(function() {
$("h1").click(function() {
$(this).hide();
});
});
</script>
jQuery 以外の方法
Vanilla JavaScript
jQuery 以外にも、以下のライブラリが利用できます。
これらのライブラリは、それぞれ異なる機能と特徴を持っています。
フレームワーク
React や Angular などのフレームワークは、jQuery などのライブラリよりも高度な機能を提供します。
jquery slim-jquery