JQuery的attr 與 val區別

取值：$(‘#name‘).val() 根據標簽id直接去value值；

　　　$(‘#name‘).attr(‘data-name‘)可根據標簽屬性值取屬性值；

<input data-name="user" id="name" value="aaaa" /> 
$(‘#name‘).val() ;/* ‘aaaa‘*/
$(‘#name‘).attr(‘data-name‘); /*user*/
例：

<input type="hidden" name="action" id="action" />

$("#action").val($(this).attr("name"));

/**

$("#action").val找到id為action的標簽

$(this).attr("name")本標簽裏的name屬性值 this本對象或doc

$("#action").val($(this).attr("name"));把name屬性值賦給id為action的value屬性；

*/

$("#action").val("wangfl");方式賦值刷新值

$("#action").attr("value","wangfl")不會刷新；

給下拉框賦值時 如果之前已經賦過值 在通過腳本二次賦值時不會被覆蓋；

JQuery的attr 與 val區別及使用