row_jquery를 클릭하여 HTML 테이블 행을 삭제하는 jQuery 구현 예

jQuery는 역대 가장 많이 사용되고 선호되는 JavaScript 프레임워크 중 하나가 되었습니다. 이는 JavaScript 코딩에 따른 단순한 기술적 오버헤드를 줄일 뿐만 아니라 코드가 브라우저 간 호환되도록 해줍니다. 나는 jQuery에 대한 많은 튜토리얼을 작성했으며 이번에도 이 간단한 순수 구현을 사용했습니다. 작업은 행의 행을 클릭하여 HTML 테이블의 일부 펑키 효과를 사용하는 것입니다. 다음은 이를 달성하기 위한 jQuery 코드입니다.

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

위 코드에서는 "#example" 테이블의 모든 "TR"에 대한 핸들러를 첨부했습니다. 이를 클릭하면 먼저 행의 배경을 변경한 다음 페이드 아웃하고 삭제합니다. 이것은 간단한 작업입니다.