Rumah  >  Artikel  >  hujung hadapan web  >  jQuery melaksanakan pemadaman baris jadual HTML dengan mengklik pada row_jquery

jQuery melaksanakan pemadaman baris jadual HTML dengan mengklik pada row_jquery

WBOY
WBOYasal
2016-05-16 16:33:201413semak imbas

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.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn