zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    IronPython初体验
    HOWTO: 部署时附带安装MSDE
    翻译:FileSystemWatcher Tips
    再见了 母校!
    招聘.net开发工程师(2名)和ASP开发工程师(1名)工作地点:北京
    年终感言提纲
    可以不讲,但不可以不懂:英语实用脏话精选
    一个混乱的时期
    异步消息的传递-回调机制
    搞c++的 大家看看
  • 原文地址:https://www.cnblogs.com/fengfuwanliu/p/10081536.html
Copyright © 2011-2022 走看看