• 技术文章 >web前端 >js教程

    jquery css 如何获取不带单位的属性值

    藏色散人藏色散人2020-12-17 16:36:40原创769

    jquery css获取不带单位的属性值的方法:首先定义一个div;然后设置样式,并引入jQuery;接着使用jquery的css方法获取元素的宽度;最后使用parseInt方法去除单位即可。

    本教程操作环境:windows7系统、jquery1.10.0&&css3版,该方法适用于所有品牌电脑。

    推荐:《css视频教程

    jquery css方法获取不带单位的属性值

    1、首先定义一个 div

    <div></div>

    2、然后设置样式

    <style>
    div {
        width: 100px;
        height: 100px;
    }
    </style>

    3、引入jQuery

    <script src="path/to/jquery.min.js"></script>

    4、使用jquery的css方法获取元素的宽度

    var h = $('div').css('width');
    console.log(h); //100px

    5、获取的值是带单位的,使用parseInt方法去除单位即可

    var nopx = parseInt(h);
    console.log(nopx);//100

    以上就是jquery css 如何获取不带单位的属性值的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery css
    上一篇:学习使用GPU.js改善JavaScript性能 下一篇:jquery div能添加元素吗
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 一文了解JavaScript栈• JavaScript字典与集合(总结分享)• Node.js怎么实现分片上传?方法介绍• 如何上手Angular,先从 8 个开源项目开始!• 深入理解JavaScript内存管理和GC算法
    1/1

    PHP中文网