jquery - jQuery/Javascript、クリックには 2 つのソリューションがありますが、機能するのは 1 つだけです

Question

Javascript を使用して要素を作成し、.itemクリックして削除したいと考えています。なぜ機能し.click()ないのですか？

$('.item').click(function() {
    $(this).remove();
});

実用的な解決策 (なぜそれが機能するのですか? の代わりに常にこれを使用しないのはなぜ.click()ですか?):

$(document).on('click','.item',function() {
    $(this).remove();
});

score 3 · Accepted Answer

$('.item')itemそのセレクターで jQuery コンストラクターを呼び出した時点で、のクラスを持つすべての要素を返します。次に、イベントハンドラーをそれぞれにアタッチします。新しい要素を説明するようには設計されていません。

イベント委任構文は、クリックハンドラーをバインドし、すべてのクリックイベントdocumentを処理します。イベントのターゲットがセレクター ( ) に一致する要素であった場合、イベントは受け入れられます。.item

3 に答える 3