27 jquery——操作元素属性
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>