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>
  • 相关阅读:
    多线程系列教材 (四)- 常见的线程安全相关的面试题
    多线程系列教材 (三)- Java 多线程同步 synchronized 详解
    多线程系列教材 (二)- Java 常见的线程方法
    UPC-最优分解问题(贪心)
    【数论】【模板】
    UPC-人品指数(模拟)
    UPC-趾压板矩阵(强行找规律)
    UPC-排队出发+AcWing-耍杂技的牛(推公式的贪心)
    UPC-购买巧克力(贪心)
    前端——多行三列模式页面布局
  • 原文地址:https://www.cnblogs.com/fengfuwanliu/p/10081536.html
Copyright © 2011-2022 走看看