jQuery_jquery の使用法とバインドとライブの違いの概要

これら 2 つのメソッドを最初に紹介する前に、一般的に click() メソッドを使用します

コードをコピーします コードは次のとおりです:

$("a").click(function() {
alert("hello");
});

click()メソッドはbind()メソッドの簡易メソッドです。 binding() では、
すべての jQuery JavaScript イベント オブジェクト (フォーカス、マウスオーバー、サイズ変更など)、
を型パラメーターとして渡すことができます。

パラメータ: type,[data],function(eventObject)
例:

コードをコピー コードは次のとおりです:

$("p").bind("click",function(){
alert("hello");
})

パラメータを渡すこともできます

コードをコピーします コードは次のとおりです:

var message = "お元気ですか!";
$("p").bind("click",{msg:message},function(e){
alert(e.data .msg);
} )

live() は、
要素が後で追加された場合でも、一致するすべての要素にイベント ハンドラーをアタッチします。次のように:

コードをコピー コードは次のとおりです:

クリックしてください

$(".mytd").bind("click",function(){
alert("hello");
})

クリックすると、こんにちはポップアップ

ここで新しい要素を追加します

コードをコピーします コードは次のとおりです:

$ (".mytr").after(" "の後に追加);

これは、バインドを使用して「後に追加」をクリックすると実行されません
代わりに live() メソッドを使用してください

コードをコピー コードは次のとおりです:

$(".mytd").live("click",function(){
alert("hello");
})

.live() メソッドは、イベント委任の使用により DOM に追加されていない要素に対して有効です:
祖先要素にバインドされたイベント ハンドラーは、トリガーされたイベントに応答できます子孫について。
.live() に渡されるイベント ハンドラーは要素にバインドされませんが、特別なイベント ハンドラーとして扱われ、DOM ツリーのルート ノードにバインドされます。