雖然說利用jquery獲取一個DIV元素的屬性的值非常的方便,但有時候處理起獲取過來的值的時候也有點麻煩,比如獲取一個DIV元素的寬度值,那么這個值就是一個帶有PX字符串數據,如果我們再對這個數據進行運算,那就有點麻煩了。

解決這個問題之前,我們要了解一下javascript中的parseInt()語法的定義或使用代碼

javascript parseInt() 函數定義與作用

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

語法

parseInt(string, radix);

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

radix:可選。表示要解析的數字的基數。該值介于 2 ~ 36 之間。

国产视频app如果省略該參數或其值為 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

国产视频app通過上面對javascript中parseInt()函數的介紹,我們接下來就很方便的獲取并過濾一下帶有px單位的CSS屬性的值了

代碼:

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

補充:

国产视频app以上所有代碼中的console.log()方法的簡單介紹

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

該方法對于開發過程進行測試很有幫助。

提示: 在測試該方法的過程中,控制臺需要可見 (瀏覽器按下 F12 打開控制臺)。