jQuery是一個功能強大的JavaScript庫，它可以方便地操作HTML文檔，實現動態交互效果。在jQuery中，選擇器是一個非常重要的概念，通過選擇器我們可以找到需要操作的HTML元素。其中，data屬性是一種常見的HTML屬性，它可以通過jQuery選擇器進行獲取和設置。

// 通過data屬性選擇器獲取元素
var $element = $('[data-name="John"]');
// 通過data屬性選擇器設置元素
$('[data-age]').attr('data-age', 18);

在上面的示例代碼中，我們使用了jQuery選擇器通過data屬性值"name=John"獲取了一個元素。而在第二行代碼中，我們使用了data屬性選擇器來選擇所有包含"data-age"屬性的元素，并通過attr()方法設置了它們的data-age屬性。

除了通過屬性選擇器獲取和設置data屬性，我們還可以通過.data()方法對元素的data屬性進行操作。該方法可以獲取和設置元素的data屬性值，同時也可以綁定和觸發元素的data事件。

// 獲取data屬性值
var age = $('#user-info').data('age');
// 設置data屬性值
$('#user-info').data('age', 18);
// 綁定data事件
$('#user-info').on('data-change', function() {
console.log('Data changed!');
});
// 觸發data事件
$('#user-info').trigger('data-change');

在上面的代碼中，我們使用了.data()方法獲取和設置元素的data屬性值，同時也使用了.on()方法綁定了一個data-change事件，并且使用了.trigger()方法觸發了該事件。

通過上述示例，我們可以看到，在jQuery中使用選擇器操作HTML元素的data屬性非常方便，而且可以通過.data()方法進行更加細致的操作。掌握好這些知識，將有助于我們更加靈活地進行Web開發。