load()

loadメソッドは簡単にAjaxを行うためのメソッドです。

セレクターで要素を指定し、loadメソッドでAjaxで取得するファイルを指定すると、Ajaxで指定したファイルを取得し、取得した内容でセレクターで指定した要素の中を置き換えます。

$(".text").load("sample.txt");

この場合は.textの中身をsample.txtの内容に置き換えます。

htmlを取得する場合は、スペース区切りでセレクタが指定できますので、指定した要素の中身で置き換えることも可能です。

$(".text").load("sample.html #main");

この場合は.textの中身をsample.html内の#main要素と置き換えます。

コールバック関数でAjaxが終った際に実行したい命令も指定できます。

$(".text").load("sample.html",function(){
	alert("読み込み完了");
});

登録日 : 2012年09月27日最終更新日 : 2012年9月27日

jQuery リファレンス