今天小編給大家分享一下jquery如何去掉首尾空格的相關(guān)知識點，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

10年積累的網(wǎng)站建設(shè)、做網(wǎng)站經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先建設(shè)網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有敖漢免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

兩種實現(xiàn)方法：1、利用trim()函數(shù)，可去除字符串開始和末尾處的所有空白字符（換行符、空格和制表符），語法“$.trim(指定字符串)”。2、利用replace()函數(shù)配合正則表達(dá)式將首尾空格替換為空字符，語法“指定字符串對象.replace(/^\s+|\s+$/g, "")”。

本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.1版本、Dell G3電腦。

方法1：利用trim()函數(shù)去除

$.trim() 函數(shù)用于去除字符串兩端的空白字符。

$.trim( str )

注意：$.trim()函數(shù)會移除字符串開始和末尾處的所有換行符，空格(包括連續(xù)的空格)和制表符。如果這些空白字符在字符串中間時，它們將被保留，不會被移除。

	
		
		
		
			$(function() {
				var str = "         lots of spaces before and after         ";
				console.log(str);
				console.log($.trim(str));
			})
		
	
	
	

方法2：利用replace() 函數(shù)配合正則表達(dá)式去除

replace() 函數(shù)用于在字符串中用一些字符替換另一些字符，或替換一個與正則表達(dá)式匹配的子串。

stringObject.replace(regexp/substr,replacement)

只需要利用正則表達(dá)式匹配首尾空格，并將其替換為空字符即可。

使用到的正則表達(dá)式：/^\s+|\s+$/g

語法：

str.replace(/^\s+|\s+$/g, "");

• //之間的是正則，后面的g表示全局匹配

• ^\s+去掉開頭的空格。^表示開頭，\s是空格，+匹配1或多個字符，所以這里的意思就是匹配開頭的1或多個空格

• \s+$去掉結(jié)尾的空格。$表字符串結(jié)尾，表示匹配結(jié)尾的1或多個空格，

• 中間的|表示匹配左邊或者右邊的正則，所以一個字符串只要開頭或結(jié)尾有空格，空格的部分就會被匹配到

示例：

	
		
		
		
			$(function() {
				var str = "         lots of spaces before and after         ";
				console.log(str);
				console.log(str.replace(/^\s+|\s+$/g, ""));
			})
		
	
	
	

以上就是“jquery如何去掉首尾空格”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。