jQuery的prop()方法疑问

Question

HTML

<div id="n1">
    <p id="n2" class="demo test" data-key="UUID" data_value="1235456465">CodePlayer</p>
    <input id="n3" name="order_id" type="checkbox" value="1">
    <input id="n4" name="order_id" type="checkbox" checked="checked" value="2">
</div>

JS

var $n2 = $("#n2");
document.writeln( $n2.prop("data-key") ); // undefineddocument.writeln( $n2.prop("data_value") ); // undefined

我想问的是，为什么prop()两次调用获取到的值都是undefined呢？$n2.prop('data-key')不应该返回'UUID'吗？$n2.prop('data_value')不应该返回12345456465吗？这两个属性在p元素里面都有呀，有哪位能解答下吗？谢谢啦(づ｡◕‿‿◕｡)づ

Answer 1

prop不能够获取自定义属性，只能获取元素固有属性，所以建议操作默认拥有的属性用.prop()方法，操作自定义属性用.attr()方法