首页 > Web开发 > 详细

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

时间:2020-04-10 21:55:48      阅读:63      评论:0      收藏:0      [点我收藏+]

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

prop:用于元素的固有属性

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

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

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

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

 

2prop的具体用法

 

<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>

 

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

原文:https://www.cnblogs.com/lhseo/p/12676198.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!