jquery中$("#").val("")与$("#").attr("",aa)区别

通过百度搜索，看了一下网上好多对 $("#").val("")与$("#").attr("",aa)区别的介绍，基本都只是介绍了一半意思，以下是我通过代码试验得到的结果：

<div class="input-group-addon" onclick="sum()">+</div>

<input type="text" name="price" id="price" class="form-control "/>

<div class="input-group-addon" onclick="sub()">-</div>
上面代码可以通过$("#price").val()                       取值$("#price").val(123)                赋值123$("#price").attr("value")           是取不到值的$("#price").attr("value",123)      赋不上值 
如果<input type="text" name="price" id="price" class="form-control" value=12 />上面两种方法都可以赋值，取值