jQuery-Implementierungsbeispiel zum Löschen von HTML-Tabellenzeilen durch Klicken auf row_jquery

jQuery hat sich zu einem der am häufigsten verwendeten und beliebtesten JavaScript-Frameworks aller Zeiten entwickelt. Dies reduziert nicht nur den einfachen technischen Aufwand der Codierung in JavaScript, sondern macht Ihren Code auch browserübergreifend kompatibel. Ich habe viele Tutorials zu jQuery geschrieben und zu diesem Zeitpunkt auch diese einfache reine Implementierung verwendet. Die Aufgabe besteht darin, einige ausgefallene Effekte aus einer HTML-Tabelle zu verwenden, indem Sie einfach auf die Zeile der Zeile klicken. Unten finden Sie den jQuery-Code, um dies zu erreichen.

$(document).ready(function() {
$("#sample tr").click(function() {
//change the background color to red before removing
$(this).css("background-color","#FF3700"); 
$(this).fadeOut(400, function(){ 
$(this).remove();
});
});
});

Im obigen Code haben wir Handler für alle „TR“ in der Tabelle „#example“ angehängt. Durch einen Klick darauf ändern wir zunächst den Hintergrund der Zeile, blenden ihn dann aus und löschen ihn. Dies ist eine einfache Aufgabe.