Was ist der Unterschied zwischen on() und click() in jquery?

Der Unterschied zwischen on() und click() in jquery: 1. [click()] gehört zum statischen Laden. Beim Laden der Seite werden keine Klickereignisse mehr für neu hinzugefügte Elemente hinzugefügt. 2. [on( )] gehört zum dynamischen Laden. Wenn die Seite geladen wird, können Ereignisse für neu hinzugefügte Elemente hinzugefügt werden, das übergeordnete Element muss jedoch ausgewählt werden.

• Diese Methode ist für alle Computermarken geeignet
  

Der Unterschied zwischen on() und click() in jquery:

• click() ist statisch. Beim Laden der Seite werden keine Klickereignisse mehr für neu hinzugefügte Elemente hinzugefügt. click()属于静态加载，当页面加载完，就不再为新增加的元素添加点击事件。

• on()

on() gehört zum dynamischen Laden. Beim Laden der Seite können Ereignisse für neu hinzugefügte Elemente hinzugefügt werden. Das übergeordnete Element muss jedoch ausgewählt werden.

Verwendungsbeispiel:

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

Hinweis: Das Element vor on muss beim Laden der Seite im DOM vorhanden sein.

Verwandte kostenlose Lernempfehlungen:

Javascript🎜 (Video) 🎜🎜

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen on() und click() in jquery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!