虽然说利用jquery获取一个DIV元素的属性的值非常的方便,但有时候处理起获取过来的值的时候也有点麻烦,比如获取一个DIV元素的宽度值,那么这个值就是一个带有PX字符串数据,如果我们再对这个数据进行运算,那就有点麻烦了。

解决这个问题之前,我们要了解一下javascript中的parseInt()语法的定义或使用代码

javascript parseInt() 函数定义与作用

parseInt() 函数可解析一个字符串,并返回一个整数。

语法

parseInt(string, radix);

string:必需。要被解析的字符串。

radix:可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。

如果省略该参数或其值为 0,则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头,将以 16 为基数。

如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。

注意:默认不指定radix时,当以0x开头时,为十六进制;如果以0开头且第二位不为x,则让为是八进制.(因为八进制不能有8,9所以报错返回0)

parseInt()函数使用举例

console.log(parseInt("98"));
//98
console.log(parseInt("28", 10));
//28
console.log(parseInt("11", 2));
//3 二进制
console.log(parseInt("15", 8));
//13 八进制
console.log(parseInt("11", 16));
//7 十六进制

jQuery获取的值去掉px

通过上面对javascript中parseInt()函数的介绍,我们接下来就很方便的获取并过滤一下带有px单位的CSS属性的值了

代码:

console.log(parseInt('45px'));
//45
console.log(parseInt('98px'));
//98
console.log(parseInt('180px'));
//180

补充:

以上所有代码中的console.log()方法的简单介绍

HTML DOM 中的console.log() 方法用于在控制台输出信息。

该方法对于开发过程进行测试很有帮助。

提示: 在测试该方法的过程中,控制台需要可见 (浏览器按下 F12 打开控制台)。