首頁 > web前端 > js教程 > jquery怎麼轉數字

jquery怎麼轉數字

藏色散人
發布: 2020-11-30 14:52:22
原創
3637 人瀏覽過

jquery將字串轉成數字的方法:首先使用script標籤在目前頁面引入jquery.min.js檔案;然後使用input標籤建立文字方塊;接著使用button標籤建立按鈕;最後使用parseInt方法轉換字串為數字即可。

jquery怎麼轉數字

本教學操作環境:windows10系統、jquery2.2.4,本文適用於所有品牌的電腦。

推薦:《jquery影片教學

新建一個html文件,命名為test.html,用於講解jquery怎麼把字串轉成數字。

jquery怎麼轉數字

在test.html檔案中,使用script標籤在目前頁面引入jquery.min.js文件,成功載入該文件,才能使用jquery的方法。

jquery怎麼轉數字

在test.html檔案中,使用input標籤建立一個文字框,用於輸入字串,並設定input標籤的id為num,主要用於下面通過該id獲得input物件。

jquery怎麼轉數字

在test.html檔案中,使用button標籤建立一個按鈕,並設定其id為mybutton。

jquery怎麼轉數字

在test.html檔案中,使用$透過id取得button對象,給它綁定click點擊事件,當按鈕被點擊時,執行function方法。

jquery怎麼轉數字

在function方法內,透過input的id(num)獲得input對象,使用val()方法獲得輸入的字串,使用parseInt()方法或parseFloat( )方法轉換字串為數字。最後,使用alert()方法將結果輸出來。註:parseInt()方法傳回一個整數,而parseFloat()方法傳回一個浮點數。

jquery怎麼轉數字

在瀏覽器中開啟test.html文件,輸入字符,點擊按鈕,查看獲得的結果。

jquery怎麼轉數字

以上是jquery怎麼轉數字的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板