JQuery是一种Javascript库，它使我们更轻松地操作HTML元素、样式和事件。本文将讲解如何使用JQuery动态获取标签上的数据。

//通过id获取标签上的数据
var data = $('#example').data('key');
console.log(data);

//通过class获取标签上的数据
var dataArr = $('.example').map(function () {
  return $(this).data('key');
}).get();
console.log(dataArr);

上面的代码演示了如何使用JQuery获取标签上的数据。我们可以使用data()函数获取属性，这个方法从HTML5引入，主要用户获取元素的自定义属性。通过id或class获取元素属性数据基本相同，只是获取元素的方式有区别。通过id获取元素时，我们使用'#'符号加id名字作为JQuery选择器，通过class获取标签时，方法稍有不同，此时我们使用'.'符号加class名称。

在这里需要注意的是，我们可以通过data()函数获取绑定在元素上的任何属性。在上面的例子中，我们获取了'key'属性。根据我们的实际需要，可以随意更改属性名称，JQuery会帮我们保留对应的值。

总结一下，通过使用JQuery，我们可以轻松地获取标签上的数据属性。这种方法通过使用自定义属性为我们提供了便捷的方法来获取数据，并使我们能够更快地操作和修改Html元素。