jQuery_jquery の使用法とバインドとライブの違いの概要-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 17:02:25

オリジナル

1023 人が閲覧しました

これら 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 ツリーのルートノードにバインドされます。