【jQuery】prop || removeProp 对属性或者属性节点操作

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

@Umbrella

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

阅读量262

点赞数

分类专栏：【JavaScript/jQuery】文章标签： jQuery prop removeProp

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

版权

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

70 篇文章 2 订阅

订阅专栏

JQuery–prop和removeProp方法

1.相同点：attr和removeAttr用法相似；
2.不同点：attr只能操作DOM元素上attributes中的属性节点，而prop不仅可以操作属性节点还可以操作属性；
3.注意点：对于这种判断是否有selected || actived || checked || disabled的这些属性节点是推荐使用prop，因为该方法返回值是true/false容易判断

<script>
        // JQuery--prop和removeProp方法
        $(function(){
            /* JQuery--prop方法
            * 作用：操作DOM元素中的属性
            * 同attr方法一样获取和赋值都一样,但attr只能操作属性节点,而prop可以操作属性和属性节点
            */
            var $prop = document.getElementsByTagName("div");
            console.log($(".box1").prop("demo","candy"));
            console.log($("div").prop("class"));
            /* JQuery--removeprop方法
            * 作用：移除DOM元素属性上的值
            * 同removeAttr一样的特点
            */

        // 对于attr和prop用法区别  >>> 像具有true/false的属性节点,如selected,actived,checked,disabled的判断是否有该属性时推荐使用prop
            console.log($("input").attr("checked"));  // checked
            console.log($("input").prop("checked"));  // true

            console.log($("input").eq(1).attr("checked"));  // undefined
            console.log($("input").eq(1).prop("checked"));  // false
        })
    </script>
    <body>
        <div class="box1" name="zs"></div>
        <div class="box2" name="ls"></div>
        <input type="checkbox" checked>
        <input type="checkbox" >
    </body>

@Umbrella

关注

0
点赞
踩
0

收藏

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

JQuery–prop和removeProp方法1.相同点：attr和removeAttr用法相似；2.不同点：attr只能操作DOM元素上attributes中的属性节点，而prop不仅可以操作属性节点还可以操作属性；3.注意点：对于这种判断是否有selected || actived || checked || disabled的这些属性节点是推荐使用prop，因为该方法返回值是true...
复制链接

扫一扫

专栏目录