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>