jquery 操作元素属性
获取：
对象名.attr("属性名") //返回当前属性值
- 注意这种方法不能获取value属性的实时数据（只能获取默认值），使用对象名.val()进行获取实时数据
修改
对象名.attr("属性名","属性值")
测试代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery操作元素属性</title>
<script type="text/javascript" src="js/jQuery-3.4.1.js">
</script>
</head>
<body>
<!--
jquery 操作元素属性
获取：
对象名.attr("属性名") //返回当前属性值
注意这种方式不能获取value属性的实时数据，使用对象名.val()进行获取
修改
对象名.attr("属性名","属性值")
-->
<script type="text/javascript">
function testField(){
//获取元素对象
var uname = $("#uname")
//获取属性:value属性用专门的val()方法
alert(uname.attr("type")+":"+uname.val())
}
//修改属性值
function testField2(){
//获取元素对象
var uname=$("#uname")
uname.attr("type","button")
}
</script>
<h3>jQuery操作元素属性</h3>
<input type="button" value="测试获取元素属性" onclick="testField()" />
<input type="button" value="测试修改元素属性" onclick="testField2()" />
<hr>
用户名：<input type="text" name="uname" id="uname" value="" />
</body>
</html>