JQurey DOM通用属性操作

最新推荐文章于 2020-06-16 19:34:59 发布

_七七

最新推荐文章于 2020-06-16 19:34:59 发布

阅读量154

点赞数

分类专栏： JQuery 文章标签： css html java js dom

本文链接：https://blog.csdn.net/qq_43472877/article/details/106747637

版权

JQuery 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

通用属性操作

attr(): 获取/设置元素的属性
removeAttr(): 删除属性
prop():获取/设置元素的属性
removeProp(): 删除属性

attr和prop区别：

如果操作的是元素的固有属性,则建议使用prop
如果操作的是元素自定义的属性,则建议使用attr

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script>
        $(function () {
            //获取北京的name属性值
            var name = $("#bj").attr("name");
            alert(name);

            //设置北京的name为BJ
            $("#bj").attr("name","BJ");

            //新增北京属性discription,属性值为center
            $("#bj").attr("discription","center");

            //删除北京的name属性
            $("#bj").removeAttr("name");

            //获得hobby的选中状态
            var checked = $("#hobby").prop("checked");
            alert(checked)
        })
        
    </script>
</head>

<body>
    <ul>
        <li id="bj" name="beijing" >北京</li>
        <li id="sc" name="sichuan" >四川</li>
    </ul>
    <input type="checkbox" id="hobby">
</body>
</html>

_七七

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JQurey DOM通用属性操作

通用属性操作attr(): 获取/设置元素的属性removeAttr(): 删除属性prop():获取/设置元素的属性removeProp(): 删除属性attr和prop区别：如果操作的是元素的固有属性,则建议使用prop如果操作的是元素自定义的属性,则建议使用attr<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>
复制链接

扫一扫

专栏目录