13-jQuery-attr方法_attr往heads传参-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_44142718/article/details/110846890

1、代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>13-jQuery-attr方法</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
        
       $(function(){
           /*
            1、attr(name|pro|key,val|fn)
            作用：获取或设置属性节点的值
            传递一个参数：获取属性节点
            传递两个参数：设置属性节点

            注意：
            获取：无论获取到多少元素，都只会返回第一个元素指定的属性节点的值
            设置：找到多少元素就设置多少元素
                  设置的属性节点不存在，系统将自动新增
            2、removeAttr(name)
            作用：删除属性节点
            传参：需要删除的属性节点

            注意：
            会删除找到的所有元素的属性节点
            如果需删除多个属性节点，可以使用空格隔开属性名
          */

          
          //获取
          console.log($("span").attr("class"));

          //设置
          $("span").attr("class","box");

          //新增
          $("span").attr("exo","lover");
          
          
          //$("span").removeAttr("class name");
          
          
       })
    </script>
</head>
<body>
    <span class="span1" name="lmh"></span>
    <span class="span2" name="exo"></span>
</body>
</html>