jQuery：获取数据属性

在我的 html 中我有一个span元素：

<span class="field" data-fullText="This is a span element">This is a</span>

我想得到data-fullText属性。我尝试了这两种方法，但它们不起作用（都返回undefined):

$('.field').hover(function () {
    console.log('using prop(): ' + $(this).prop('data-fullText'));
    console.log('using data(): ' + $(this).data('fullText'));
});

然后我搜索了一下，发现了这些问题：如何获取data-id属性？ and jquery无法获取data属性值.
两人的答案都是"Use .attr('data-sth') or .data('sth')".
我知道.attr()已弃用（在我使用的 jquery-1.11.0 中），但是，我尝试了它。
它成功了！

有人可以解释为什么吗？

你可以使用.attr()功能：

$(this).attr('data-fullText')

或者如果你小写属性名称：

data-fulltext="This is a span element"

那么你可以使用.data()功能：

$(this).data('fulltext')

The .data()函数仅适用于小写属性名称。