关于jQuery中操作元素属性的方法

1、jquery中获取固有属性、自定义属性、缓存属性的用法

prop：用于元素的固有属性

attr：用于元素的自定义属性。

data：用于缓存的属性，即不会生成DOM节点。也可用于获取H5标准的自定义属性。

这三个方法在设置时，会给jquery对象中的所有DOM元素都设置属性，但在获取属性时，只会返回jquery对象中第一个DOM元素的属性。

attr也可用于设置和获取固有属性，但是对于checked这个属性无效

2、prop的具体用法

<span>jquery中prop属性</span>
    <br />
    <div color="red" width="100">
        <input type="password">
    </div>
    <input type="text">
    <script src="../引用插件/jquery-3.4.1.min.js"></script>
    <script>
        $(document).ready(function() {
            // 能获取到，因为是html属性
            // 只能返回第一个DOM元素的值。即password
            var b = $('input');
            console.log(b.prop('type'));
            // 不能获取到，因为width并不是html属性
            // 使用attr可以获取到，当做自定义属性来看待
            var a = $('div');
            a.html(a.prop('width') + '');
            // 能设置html属性，意味着能生成DOM节点，但是并不生效
            // 因为是css属性，不是html属性
            var c = $('div');
            c.prop('width', '100')
            c.html(a.prop('width') + '');
        })
    </script>