jQuery.trim()方法

2021-01-11 技術那點事

定義和用法

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

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

語法

$.trim( str )

參數：str

String類型 需要去除兩端空白字符的字符串。

實例：刪除字符串開始和末尾的空格

$(function(){

varstr = " lots of spaces before and after ";

$("#original").html("Original String: '" + str + "'");

$("#trimmed").html("$.trim()'ed: '" + $.trim(str) + "'");

})

示例代碼如下：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>$.trim() 函數</title>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

</head>

<body>

<pre id="original"></pre>

<pre id="trimmed"></pre>

<script>

$(function () {

var str = " lots of spaces before and after ";

$( "#original" ).html( "Original String: '" + str + "'" );

$( "#trimmed" ).html( "$.trim()'ed: '" + $.trim(str) + "'" );

})

</script>

</body>

</html>

相關焦點

  • 基於 h5+jquery 購物車功能實踐
    最近一直忙於公司的一個新的h5項目，項目中有一個購物車模塊，使用jquery實現購物車基本結算功能。現已整理出來，感興趣的小夥伴們可以參考一下。$(function(){ // 購物車數量 $.cartNum = { set: function(code, obj){ var ipt = $(obj).siblings(&34;); var cartNums = parseInt($.trim
  • jQuery.each()方法
    DOCTYPE html><html><head><meta charset="utf-8"><title>jQuery.each()方法</title><script src="https://cdn.staticfile.org/jquery/1.10.2
  • jQuery - AJAX load() 方法
    load() 方法從伺服器加載數據，並把返回的數據放入被選元素中語法:$(selector).load(URL,data,callback);必需的 URL參數規定您希望加載的 URL。可選的 data參數規定與請求一同發送的查詢字符串鍵/值對集合。
  • jQuery - each() 方法
    定義和用法each() 方法為每個匹配元素規定要運行的函數。提示：返回 false 可用於及早停止循環。DOCTYPE html><html><head><meta charset="utf-8"><title>菜鳥教程(runoob.com)</title><script src="https://cdn.staticfile.org/jquery/1.10.2
  • jquery中$的作用與使用方法總結
    使用jquery.js框架使用起來方便多了！突然相起來把以住的學習資料整理一下放在這樣的一個個人知識庫中存儲下來。總體感覺Jquery.js框架最有用，這裡的有用指的就大不了就是使用起來更好理解，更方便，代碼更少，jquery體系中最重要的工具就那個代表國際財富的$!
  • jQuery - AJAX post() 方法
    jQuery $.post() 方法$.post() 方法通過 HTTP POST 請求向伺服器提交數據。語法:$.post(URL,data,callback);必需的 URL參數規定您希望請求的 URL。
  • jquery與js的區別是什麼?js與jquery的用法區別介紹
    在學習js的時候我們肯定能夠接觸到jquery，那麼，js與jquery之間有什麼區別呢？本篇文章將給大家來分享關於jquery與js之間的區別比較，有需要的小夥伴可以參考一下，希望能夠幫助到你們。我們來簡單看一下jquery與js的概念。
  • 每個程式設計師都會的 35 個 jQuery 小技巧
    input.text1").val("Enter your search text here");    textFill($('input.text1')); });      function textFill(input){       var originalvalue = input.val();      input.focus( function(){           if( $.trim
  • jquery中淡入淡出切換效果函數使用方法?
    jquery是javascript很常用和熱門的一個類庫，前端開發人員必須學習的一個js類庫，接下來來看看怎麼使用jquery中的怎麼切換使用淡入淡出方法。jquery最大的特點就是極大地簡化了 JavaScript 編程。而且使用起來也是很簡單的，比javascript更方便簡單。
  • 客服電話被打爆，就因沒用trim()
    ()方法時常在代碼中看到，而我們是否能正確使用暱?以下深入分析一下trim()。二、作用trim()的作用是去掉字符串兩端的多餘的空格，注意，是兩端的空格，且無論兩端的空格有多少個都會去掉，當然，中間的那些空格不會被去掉。
  • String.trim() 了解一下?你中招了嗎?
    轉載自 https://www.cnblogs.com/wujianwu/p/11239574.htmltrim()這個方法一般用來消除字符串兩邊的空格
  • 使用jQuery的remove()和empty()方法刪除Html元素及子元素和內容
    jquery remove()方法在圖1中可以看到，id=div1下有2個p子元素。jquery remove()方法此時，在圖2中，我們看到的元素結構中，id=div1和它的子元素全部刪除掉了。另外，我們還可以使用jQuery的remove()方法以篩選元素的方式刪除Html元素。
  • jQuery的attr()、append()、after()和before()方法操作HTML元素
    在jQuery中，使用封裝好的attr()方法可以獲取Html元素的屬性的值和給Html屬性設置值。一、獲取屬性的值在jQuery中，使用帶一個參數的attr()方法就可以獲取指定屬性的值，前提是要使用元素選擇器選擇了一個元素，然後再使用attr()方法。<!
  • 帝國cms+jquery.lazyload.js實現圖片延遲懶加載的極簡方法
    網上有一些教程，厲害的高手是自己寫原生js來解決，更多快捷解決方案是使用jquery.lazyload.js插件，有示例代碼及演示（請自行搜索或參見此處連結），這個插件的使用並不難，如果是從零開始構建一個頁面，直接套用是沒有問題的，可是要套用在帝國cms製作好的網站裡，得用什麼方式方法呢？
  • Excel Trim函數使用方法,含用三個去空格函數都刪不了的空格實例
    以下是Excel用Trim函數去掉空格的方法，包含三個實例，實例操作所用版本均為 Excel 2016。一、Trim函數語法1、表達式：TRIM(Text)2、說明：Text 為要去掉空格的文本。Trim函數可以去掉字符前後和字符之間的空格，在去掉字符之間的空格時，不會把全部空格都去掉，會留下一個空格。
  • 小叮噹web前端(九):jquery方法之子元素添加完結篇
    上次我們介紹了jquery方法的子元素添加，以及記憶方法，現在我們通過不同類型子元素來全面了解子元素的添加。瀏覽器中顯示如下。為熟練掌握jq，我們定義一個js對象oB用來獲取div外面的b標籤內容，再用jq來操作它將其放入div第一行。
  • 認識jquery,jquery是什麼?
    jquery 是一個優秀的javaScript庫，是一 個由John Resig 創建於2006年1月的開源項目。現在的jquery 團隊主要包括核心庫，UI和插件等開發人員以及推廣和網絡設計維護人員。
  • jQuery1.8.3升級到1.9版本,toggle()方法到底刪除了什麼?
    其中有一項關於toggle方法特性修改的介紹。官方的原文是這樣的：.toggle(function, function, …… ) removedThis is the "click an element to run the specified functions" signature of .toggle().
  • jQuery - 鏈(Chaining)
    jQuery 方法連結通過 jQuery，可以把動作/方法連結在一起。Chaining 允許我們在一條語句中運行多個 jQuery 方法（在相同的元素上）。DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script