Quelle est la différence entre on() et click() dans jquery

La différence entre on() et click() dans jquery : 1. [click()] est un chargement statique lorsque la page est chargée, les événements de clic ne seront plus ajoutés pour les éléments nouvellement ajoutés ; . [on ()] appartient au chargement dynamique Lorsque la page est chargée, vous pouvez ajouter des événements pour les éléments nouvellement ajoutés, mais l'élément parent doit être sélectionné.

• Cette méthode convient à toutes les marques d'ordinateurs
  

jquery La différence entre on() et click() :

• click() appartient au chargement statique Lorsque la page est chargée, aucun événement de clic ne sera ajouté pour les nouveaux. éléments ajoutés.

• on() appartient au chargement dynamique Lorsque la page est chargée, des événements peuvent être ajoutés pour les éléments nouvellement ajoutés. Mais l'élément parent doit être sélectionné.

Exemple d'utilisation :

$("#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(); 
});

Remarque : L'élément devant on doit exister dans le DOM au moment du chargement de la page.

Recommandations d'apprentissage gratuites associées : javascript (vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!