jquery liveメソッド

TOPページに戻る > jquery入門

jquery live()メソッド

liveメソッドは、セレクタで指定した要素が動的に追加された場合にも実行できるメソッドです
イベントを""で囲み、functionの手前にカンマを入れます
イベント名はclick、dblclick、mousedown、mouseup、mouseover、mouseout、mousemove、keydown、keypress、keyupで指定します。jQueryのバージョンアップで他のイベントも使えるようになる可能性あり

$("セレクタ").live("イベント名",function(){
	イベントの処理
});

HTML要素を動的に追加された場合にも実行できます

通常ならHTMLに最初から存在している要素のみイベントを実行できますが。liveメソッドをつかえば新しく出現した要素でもイベントを実行できます

jquery

$("button").live("click",function(){
    $(this).after("<br><button>出現した要素からもイベント実行できます</button>");
    });
});

html

<button>クリックで追加</button>

実行後

クリックで追加