JavaScript

jQuery

 jQueryは、JavaScriptのライブラリの一つで、Web開発をより簡単にするために設計されています。

簡単な DOM操作
HTML要素(DOM)を操作するためのコードが短く簡潔に書けます。例えば、特定の要素を選択したり、クラスを追加・削除したり、イベントをバインドするのが容易です。

JavaScript

// jQueryで要素を非表示にする例
$("#myElement").hide();
クロスブラウザ対応
jQueryは様々なブラウザ間の違いを吸収してくれるため、ブラウザごとの特異な挙動を気にせずにコードを書けます。
イベント操作が簡単
クリックやキー入力などのイベントハンドリングが簡単に行えます。

JavaScript

$("#myButton").click(function() {
	alert("ボタンがクリックされました!");
});
アニメーションが簡単
要素のフェードイン・フェードアウトやスライドイン・スライドアウトなど、基本的なアニメーションが少ないコードで実装できます。

JavaScript

$("#myElement").fadeIn();
Ajax操作が簡単
非同期通信(Ajax)をシンプルに扱えます。サーバーとデータをやり取りする際に便利です。

JavaScript

$.ajax({
	url: "example.com/api",
	method: "GET",
	success: function(data) {
		console.log(data);
	}
});

 jQueryはかつて非常に人気がありましたが、近年ではモダンな JavaScriptの進化により、必須ではなくなりつつあります。それでも、多くの既存プロジェクトやレガシーシステムで使われているため、まだ学ぶ価値があります。

Index

jQuery の入手方法
jQuery CDN – Latest Stable Versions
ready
HTMLの読み込みが完了して DOMが操作可能になった時点で指定した関数を実行するためのイベントです。