jquery获取html标签li中的value问题

HTML代码

<ul style="text-align: left;">
    <li id="test" value="007"> </li>
</ul>

JS代码

var liValue = $('#test').val();
alert(liValue);  //此结果为7
var liValueTwo = $('#test').attr("value");
alert(liValueTwo); //此结果为007

在群里看到有人问这个问题，出于好奇就搜了一下相关知识点，原因如下：

在于HTML的li标签的属性value是有规定的：规定列表项目的数字,所以它的value只能是数字。

所以，用.val的方式获取value的结果为7就不奇怪了，因为javascript将"0"开头的整数常量当八进制处理。attr的获取方式则是按照dom来处理，所以获取的相当于是一个对象，不是当作Number型来处理，结果就为007