jQuery 修剪
jQuery 是最流行的 JavaScript 庫之一，其座右銘是少寫，多做。簡而言之，jQuery 確保用更少的行來編寫長行的 JavaScript 程式碼。
jQuery 的 $.trim(str) 函式會刪除所有無意義的空格、中斷、製表符等。如果我們想比較 JavaScript 中的類似方法，我們使用 String.trim() 方法。
但是它們的工作原理存在一些顯著差異，我們將在示例集中發現這些差異。讓我們跳進去！
在 jQuery 中使用 $.trim(str) 修剪字串
通常，$.trim(str) 函式被廣泛用於開發案例和其他編碼約定。但是當 JavaScript 方法 .trim() 被引入時，jQuery 函式失去了執行修剪任務的唯一目的。
兩者的工作方式相似，在這種情況下，JavaScript 提供了更高的準確性。
在 jQuery 版本 3.5.0 中，trim 函式已被棄用，而 JavaScript str.trim() 方法被鼓勵使用。在我們的示例中，我們將有一個帶有兩個段落標籤的 HTML 正文。
一個將採用修剪後的值，另一個將採用原始訊息。
眾所周知，HTML 預設情況下適用於任何段落前後的未定義空格。因此，如果 $.trim(str) 函式執行其工作，它可能無法識別。
我們將計算字串前後的長度，並將它們與我們傳遞的訊息一起新增。讓我們跳到程式碼。
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<p id="text"></p>
<p id = "val"></p>
<script>
var str = "\n jQuery trimming \n\n";
$( "#text" ).html("Trimmed: " + $.trim(str) + $.trim(str).length);
$( "#val" ).html("Original: " + str + str.length);
</script>
輸出：
我們在這裡看到修剪後的訊息在排除額外空格後的長度為 15。但是如果你注意到字串的原始列印，長度計數和字串之間存在一定的差距。
這定義了一些間距問題，但沒有明確描述有多少空格，以及存在換行符。
但先後計算了原始訊息的長度；我們知道，最初，在字串開始之前有 3 個間隙和 1 個換行符。此外，在字串的後部，有 2 個換行符和 8 個空格。
而原始訊息只有 15 個有效字元，而 HTML 正文無法顯示無意義的空白。
使用 JavaScript String.trim() 方法修剪字串
對於 JavaScript，str.trim() 方法響應類似的輸出模式。在示例中，我們將獲取一個字串並執行該方法。
此外，我們將看看 JavaScript 方法和 jQuery 函式是否類似地推斷。讓我們檢查一下程式碼行。
var str = ' Cut it off ';
console.log($.trim(str));
console.log(str.trim());
console.log(str);
輸出：
根據考試，如果我們想區分 JavaScript 方法和 jQuery 約定，那麼我們可以說 JavaScript 方法工作在 str 上，而 jQuery 函式採用 str。
str.trim() 方法不接受任何引數，而 $.trim(str) 將 str 作為引數。
此外，JavaScript 方法中未定義的變數將顯示錯誤，而 jQuery 函式將預覽空字串而不會彈出任何錯誤。因此，我們可以說 JavaScript 方法以定義的方式執行。
