JQuery属性控制
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>
attr()方法效果
prop()只能控制元素的特有属性
<script>
$(function(){
$("#btn").click(function(){
//获取自定义属性
alert($("#h").prop("my"));
//获取特有属性
alert($("#h").prop("id"));
});
});
</script>
prop()方法效果
prop()方法效果
