有一个如下编写的HTML元素：
<div class="cart-button js_button" data-pp-config="{"billingAgreementFlow":true,"locale":"en_US","style":{"size":"small","color":"gold","shape":"pill","label":"checkout","tagline":"true"},"env":"sandbox","createPaymentUrl":"https://url?isAjax=true"}">Button</div>
当我在控制台中按下以下两个命令时，我总是会获得正确的数据：
1. $(".js_button").data('ppConfig')
2. $(".js_button").data('pp-config')
我很困惑，我的意思是我不明白上面两个是怎么一样的，我已经使用了2nd多次，并且我知道它总是可行的，并且在尝试第一个之前，我想这就是我们如何获取data属性。
但是我不明白为什么第一个可以工作，我正在检查某人的代码，并且这个注释花了很多时间来理解。我也想知道，为什么jQuery提供不止一种获取相同数据属性的方法，一种优于另一种？
这个问题可能看起来很愚蠢，我想知道这两种方式如何获取相同且正确的数据集？
谢谢。