Contoh pelaksanaan jQuery untuk memadamkan baris jadual HTML dengan mengklik pada row_jquery

jQuery telah menjadi salah satu rangka kerja JavaScript yang paling banyak digunakan dan kegemaran sepanjang masa. Ia bukan sahaja mengurangkan overhed teknikal mudah pengekodan dalam JavaScript, tetapi ia juga menjadikan kod anda serasi dengan penyemak imbas. Saya telah menulis banyak tutorial tentang jQuery, dan pada masa ini, saya juga menggunakan pelaksanaan tulen yang mudah ini. Tugasnya ialah menggunakan beberapa kesan funky daripada jadual HTML dengan hanya mengklik pada baris baris. Di bawah ialah kod jQuery untuk mencapai ini.

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

Dalam kod di atas, kami telah melampirkan pengendali untuk semua "TR" dalam jadual "#example". Dengan mengklik padanya, kami mula-mula menukar latar belakang baris, kemudian pudarkannya dan padamkannya. Ini adalah tugas yang mudah.