jQuery中获取的值如何去掉px
夏蝉 JS/JQ 51阅读
虽然说利用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 打开控制台)。
