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>
原文:https://www.cnblogs.com/lhseo/p/12676198.html