jQuery是一款流行的JavaScript庫，提供了簡單易用的API來操作HTML元素和文檔事件。在jQuery中，data()方法是一個非常強大的功能，可以獲取或設置一個HTML元素關聯的數據。而這個數據可以用于各種用途，如保存狀態、傳遞參數等等。

以下是一個通過data()方法來選取HTML元素的實例。假設我們有一組DIV元素：

<div id="div1" data-type="widget">Widget 1</div>
<div id="div2" data-type="widget">Widget 2</div>
<div id="div3" data-type="container">Container 1</div>

我們可以使用data()方法來選取所有帶有"data-type"屬性為"widget"的元素。代碼如下：

$(document).ready(function() {
var widgets = $("[data-type='widget']");
widgets.css("color", "red");
});

在這個例子中，我們首先使用$()函數選取所有帶有"data-type"屬性的元素。然后通過其屬性值為"widget"來篩選出所需的元素。最后，我們使用css()方法來改變選取到的元素的顏色。

總的來說，使用data()方法來選取HTML元素是非常方便、高效的。通過巧妙地設置"data-"屬性，我們可以將任意數據與HTML元素關聯起來，并通過data()方法來輕松地進行操作。