jquery css 如何获取不带单位的属性值-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

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

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

推荐：《css视频教程》

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

1、首先定义一个 div

1	`<div></div>`

2、然后设置样式

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

3、引入jQuery

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

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

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

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

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

相关阅读 >>

更多相关阅读请进入《jQuery》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者