JQuery是一個JS庫，用于簡化HTML文檔的遍歷和操作，事件的處理和動畫的創(chuàng)建。在JQuery中，我們經常要處理重復元素的事件，例如在一個表格中的多行數(shù)據(jù)，每一行都有一個“刪除”按鈕，我們希望每個按鈕被點擊時都執(zhí)行相同的操作。

針對這樣的情況，我們可以使用JQuery的“事件代理（Event Delegation）”功能。即在父元素上綁定事件，當子元素觸發(fā)事件時，再通過判斷子元素是否符合條件來執(zhí)行相應的操作。

$(document).ready(function(){
$("#tableId").on("click", ".deleteBtn", function(){
// 判斷是否為特定按鈕
if ($(this).hasClass("confirm")){
//執(zhí)行刪除操作
} else {
//彈窗提示是否確認刪除
$(this).addClass("confirm");
//可以在這里添加其他樣式或文本
}
});
});

在這段代碼中，我們在父元素“#tableId”上綁定了“click”事件，同時指定了要監(jiān)聽的子元素“.deleteBtn”。當子元素被點擊時，事件會冒泡到父元素，父元素執(zhí)行對應的事件處理程序。在處理程序中，我們使用了“hasClass()”方法判斷點擊的是哪一個按鈕，并執(zhí)行相應的操作。

此外，在第一次點擊時，“addClass()”方法將會為按鈕添加“confirm”類，表示用戶已確認刪除操作。在下一次點擊時，“hasClass()”方法可以判斷出按鈕已經被確認過，執(zhí)行刪除操作而不需要再彈出提示。

通過使用JQuery的“事件代理”功能，我們可以輕松地處理重復元素事件，避免代碼冗長，提高效率和代碼質量。