JQuery元素属性控制有方法attr()、prop()、removeAttr()、removeProp();
attr()可以控制元素的特定属性和自定义属性
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script type="text/javascript" src="libs/jquery.min.js" ></script>
<title>属性控制</title>
</head>
<body>
<button id="btn">点击</button>
<h1 id="h" my="梦影">属性控制</h1>
</body>
<script>
$(function(){
$("#btn").click(function(){
//获取属性值
var first=$("#h").attr("my");
//修改属性
$("#h").attr("my","我是自定义属性哈哈哈");
var second=$("#h").attr("my");
alert(first+"===="+second);
});
});
</script>
</html>
![img_2ae6073cf9ea756131208203998c1e29.png](https://i-blog.csdnimg.cn/blog_migrate/c059468741a55277479b3f3f43fa3652.png)
attr()方法效果
prop()只能控制元素的特有属性
<script>
$(function(){
$("#btn").click(function(){
//获取自定义属性
alert($("#h").prop("my"));
//获取特有属性
alert($("#h").prop("id"));
});
});
</script>
![img_31c5be2fd8b624ba2bba432e13c06db8.png](https://i-blog.csdnimg.cn/blog_migrate/df467fec4cc6f9bd303c8043330140ee.png)
prop()方法效果
![img_7513d63ccff53eb5f54dc6da8260977f.png](https://i-blog.csdnimg.cn/blog_migrate/c45ed56e05413ade2cbf7b263ecf6cff.png)
prop()方法效果