JQuery是一个非常流行的JavaScript库，它提供了很多实用的功能，其中就包括可以通过data-id来触发某个元素的事件。在以下的代码中，我们可以看到data-id的使用：

$(document).ready(function(){
$("button").click(function(){
var id = $(this).data("id");
$("#" + id).hide();
});
});

在上面的代码中，我们首先使用了.ready()方法来确保文档已经加载完毕，然后使用了.click()方法来监听按钮的点击事件。当按钮被点击时，我们会获取它的data-id属性的值，并使用它来找到需要隐藏的元素，然后使用.hide()方法来将其隐藏。

通过使用data-id属性，我们可以方便地对某个元素进行操作，而不用使用其他的选择器或者属性来查找它。同时，使用data-id也可以降低代码的耦合度，因为我们只需要关注元素具有的特征，而不必关心它的名称或者其他属性。

总之，通过使用data-id来触发元素事件，我们可以有效地提高代码的可读性和可维护性，让我们的JavaScript代码更加优美和易于理解。