JQuery的attr 与 val区别及使用

Posted 2021-02-04 wangfl

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")不会刷新；

给下拉框赋值时 如果之前已经赋过值 在通过脚本二次赋值时不会被覆盖；