jQuery属性--attr(name|properties|key,value|fn)和removeAttr(name)

   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>&nbsp;&nbsp;&nbsp;&nbsp;密码:</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>&nbsp;&nbsp;&nbsp;&nbsp;密码:</span><input name="userName" placeholder="请输入密码" /><br />
<button id="btn">点击</button>
</body>
</html>
上一篇:从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十一║Vue实战:开发环境搭建【详细版】


下一篇:在excel中如何利用vba通过网址读取网页title(网址是https的)?