示例代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <a href="http://www.itcast.cn" title="都挺好">都挺好</a>
        <input type="checkbox" name="" id="" />
        <div index="1">我是div</div>
        <span>123</span>
        <script type="text/javascript">
            $(function(){
                //1.element.prop(“属性名")获取元素固有的属性值
                console.log($("a").prop("href"));
                $("a").prop("title","我们都挺好");
                $("input").change(function(){
                    console.log($(this).prop("checkde"))
                    
                })
                // console.log($("div").prop("index"));
                // 2.元素的自定义属性 我们通过attr()
                console.log($("div").attr("index"));
                $("div").attr("index",4);
                console.log($("div").attr("data-index"));
                //3.数据缓存data() 这个里面的数据是存放在元素的内存里面
                $("span").data("uname","andy")
                console.log($("span").data("uname","andy"));
                //这个方法获取data-index      h5自定义属性 第一个不用写data-  开头的  而且返回的是数字型
                console.log($("div").data("index"));
            })
        </script>
    </body>
</html>

 

版权声明：本文为秋裤原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/lxr0606/p/16158579.html