16-jQuery的attr方法-优快云博客

本文链接：https://blog.youkuaiyun.com/csdn9228/article/details/84701540

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>16-jQuery的attr方法</title>
    <script type="text/javascript" src ="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script>
        $(function () {
            /*
            1.attr(name|pro,val|fn)
            作用：获取或者设置属性节点的值
            可以传递一个参数，也可以传递两个参数
            一个参数代表获取属性节点的值
            两个参数，代表设置属性的值
            获取：无论找到多少个元素，只会返回第一个元素指定的属性节点的值
            设置:找到多少个元素就会设置多少个元素，如果找不到属性节点不存在，系统自动新增
            2.removeAttr(name)
            删除属性节点
            会删除找到所有元素的属性节点
            可以连续删除多个属性节点
             */
            var $span = $("span").attr("class");    //获取属性节点的值
            console.log($span);
            $("span").attr("class","box");    //代表设置属性的值,在此为box
            $("span").attr("lea","123");    //代表设置属性的值,在此为新增一个span属性lea值为123
            $("span").removeAttr("class name");   //  删除class和name 空格隔开
          });
    </script>

</head>
<body>
<span class="span1" name="it666"></span>
<span class="span2" name="ljj"></span>
</body>
</html>