在网页开发中，使用自定义属性可以为HTML元素赋予额外的信息，而jQuery提供了简单的方式来提取这些属性的值。例如，假设我们有一个按钮，上面带有自定义属性`data-id="123"`，如何用jQuery获取这个值呢？答案非常简单！

首先，确保你已经引入了jQuery库。接着，通过选择器找到目标元素，并使用`.attr()`方法获取属性值。比如：

```javascript

let idValue = $('button').attr('data-id');

console.log(idValue); // 输出: 123

```

这种方式不仅适用于`data-`属性，还可以用于其他自定义属性。需要注意的是，如果属性不存在，`.attr()`会返回`undefined`。因此，在实际开发中，建议先检查属性是否存在，避免程序报错。

此外，如果你需要频繁操作某个属性，推荐使用`.data()`方法，它能更高效地存储和读取数据。例如：

```javascript

let data = $('button').data('id');

console.log(data); // 输出: 123

```

掌握这些技巧后，你可以轻松实现动态交互效果，让网页更加智能有趣！🌟