attr(name|properties|key,value|fn)
概述
设置或返回被选元素的属性值
参数
key,function(index, attr) 1:属性名称;2:返回属性值的函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值
key,value 属性名称,属性值
name 属性名称
properties 作为属性的“名/值对”对象
<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#btn").click(function() {
alert($("input[name='userName']").attr("placeholder"));
}); $("#btn").click(function() {
$("input[name='userName']").attr("placeholder", "再次请输入用户名");
}); $("#btn").click(function() {
$("input[name='userPwd']").attr("placeholder", function() {
return "再次请输入密码";
});
});
});
</script>
</head> <body>
<span>用户名:</span><input name="userName" placeholder="请输入用户名" /><br />
<span> 密码:</span><input name="userPwd" placeholder="请输入密码" /><br />
<button id="btn">点击</button>
</body> </html>
removeAttr(name)
概述
从每一个匹配的元素中删除一个属性
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
$("input").removeAttr("placeholder");
});
});
</script>
</head>
<body>
<span>用户名:</span><input name="userName" placeholder="请输入用户名" /><br />
<span> 密码:</span><input name="userName" placeholder="请输入密码" /><br />
<button id="btn">点击</button>
</body>
</html>