【jQuery】attr || removeAttr 对属性节点操作

最新推荐文章于 2021-11-06 15:35:10 发布

@Umbrella

最新推荐文章于 2021-11-06 15:35:10 发布

阅读量329

点赞数

分类专栏：【JavaScript/jQuery】文章标签： attr removeAttr jQuery

本文链接：https://blog.csdn.net/Umbrella_Um/article/details/91359478

版权

【JavaScript/jQuery】专栏收录该内容

70 篇文章 2 订阅

订阅专栏

jQuery — attr || removeAttr方法

1.attr()方法

        * 作用：对DOM元素上的属性节点进行获取或者赋值 >>> 当只传一个参数就是获取 || 传两个参数就是赋值
        * 当attr获取属性节点时 >>> 无论有多少个属性节点只会展示第一个找到的属性节点的值 || 如果没有则不输出
        * 当attr赋值一个存在的属性节点时 >>> 将找到的所有有这个属性节点名字的都赋值
        * 当attr赋值一个不存在的属性节点时 >>> 将像该DOM元素新增这个属性节点和对应的值

2.removeAttr()方法

        * 作用： 删除对用选择标签中的属性节点进行删除
        * 如果要删除多个属性节点的话直接空格即可

  <script>
        // Jquery中attr和removeAttr方法
        $(function(){
            /* JQuery--attr
            * 作用：对DOM元素上的属性节点进行获取或者赋值 >>> 当只传一个参数就是获取 || 传两个参数就是赋值
            * 当attr获取属性节点时 >>> 无论有多少个属性节点只会展示第一个找到的属性节点的值 || 如果没有则不输出
            * 当attr赋值一个存在的属性节点时 >>> 将找到的所有有这个属性节点名字的都赋值
            * 当attr赋值一个不存在的属性节点时 >>> 将像该DOM元素新增这个属性节点和对应的值
            */
            var $span = $("span").attr("class");
            var $span1 = $("span").attr("sex");
            console.log("$span",$span);
            var res = $("span").attr("class","pxcook it"); // 赋值多个值,直接空格
            var res1 =$("span").attr("age",20);
            console.log("attr是否有返回值...",res,res1);  // attr是有返回值的

            /* JQuery--removeAttr
            * 作用： 删除对用选择标签中的属性节点进行删除
            * 如果要删除多个属性节点的话直接空格即可
            */
           $(".pxcook").removeAttr("name age");
        })
    </script>
    <body>
        <span class="span1" name="lg"></span>
        <span class="span2" name="lp"></span>
    </body>

@Umbrella

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【jQuery】attr || removeAttr 对属性节点操作

JQuery–attr || removeAttr方法1.attr()方法 * 作用：对DOM元素上的属性节点进行获取或者赋值 >>> 当只传一个参数就是获取 || 传两个参数就是赋值 * 当attr获取属性节点时 >>> 无论有多少个属性节点只会展示第一个找到的属性节点的值 || 如果没有则不输出 * 当att...
复制链接

扫一扫