ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryのon()とclick()の違いは何ですか

jqueryのon()とclick()の違いは何ですか

coldplay.xixi
coldplay.xixiオリジナル
2020-11-25 16:55:514761ブラウズ

jquery における on() と click() の違い: 1. [click()] は静的読み込みに属し、ページが読み込まれると、新しく追加された要素に対してクリック イベントは追加されなくなります。 [on ()] は動的読み込みに属します。ページが読み込まれるときに、新しく追加された要素のイベントを追加できますが、親要素が選択されている必要があります。

jqueryのon()とclick()の違いは何ですか

  • #この方法は、すべてのブランドのコンピュータに適しています


# #jquery on() と click() の違い:

  • click() は静的読み込みに属し、ページが読み込まれると、要素にクリック イベントを追加します。

  • on() は動的読み込みに属し、ページが読み込まれるときに、新しく追加された要素に対してイベントを追加できます。ただし、親要素を選択する必要があります。

使用例:

$("#newclick").click(function(){ 
    $(".li").append(&#39;<li>动态添加的HTML元素click<button class="deleteclick">Delete</button></li>&#39;); 
});
$("#newon").click(function(){ 
    $(".li").append(&#39;<li>动态添加的HTML元素on<button class="deleteon">Delete</button></li>&#39;); 
});
$(".delete").click(function(){ 
    $(this).parent().remove(); 
}); 
$(".li").on(&#39;click&#39;, ".deleteon", function(){
    $(this).parent().remove(); 
})
$(".deleteclick").click(function(){ 
    $(this).parent().remove(); 
});

注: on の前の要素は、ページが読み込まれるときに DOM に存在する必要があります。

関連する無料学習の推奨事項:

javascript (ビデオ)

以上がjqueryのon()とclick()の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。