首頁 > 網際網路

jQuery刪除字串前後空格的方法

2019-12-12 03:56:56

jquery是基於js的程式碼封裝庫,其本質上還是js程式碼,但是,在原生js的基礎上擴充套件和封裝了很多實用的方法,目的就是為了簡化js的入門和使用。本文就為你介紹jQuery的刪除字串前後空格的方法

1

開啟任何一個版本的jQuery原始檔,注意不要.min.js檔案,這種是壓縮過後的。要開啟那種沒有壓縮之前的原始碼檔案,搜尋trim函數,你就可以看到如圖所示的一個trim方法,就是專門用來去除前後空格的


2

有了方法名稱,那麼該如何使用呢?開啟VSCode編輯器,建立一個H5規範的測試頁面JQueryTrim.html,用於演示trim去空格方法的使用。如果沒有這個工具,使用文字檔案也是一樣的效果


3

在測試頁面的同一級目錄中新增jQuery的原始檔,此時可以是.min.js壓縮後的檔案,也可以是非壓縮的原始檔


4

在測試頁面中,引入jQuery檔案,這樣,在頁面中就可以直接使用jQuery原始碼中的各種方法了


5

在測試頁面中新增兩個文字方塊,一個用於輸入含空格的內容。一個用於展示去掉空格之後的內容


6

新增jQuery程式碼,獲取第一個文字方塊含空格的內容,呼叫jQuery的trim方法去掉空格之後,寫入第二個本文框中


7

在瀏覽器中開啟測試頁面,就可以進行演示了,效果如圖所示



IT145.com E-mail:sddin#qq.com