JQuery JS 是一種非常強大的 JavaScript 庫，它提供了許多優化和簡化 DOM 操作、事件處理程序、動畫效果等的方法。當我們需要找到 HTML 文檔中的特定元素、修改這些元素的內容、屬性或樣式時，JQuery JS 可以在很大程度上減少我們需要編寫的復雜代碼。下面我們來看看其中一個重要的功能——截取字符串。

截取字符串在 Web 開發中是一個很常見的需求。比如我們要在內容過長的情況下，只顯示一部分內容并用省略號表示省略的部分。為了實現這個效果，我們需要用到 JQuery JS 提供的 substring() 方法。

$(document).ready(function(){
var element = $('p:nth-child(1)'); //獲取第一個 p 標簽元素
var text = element.text(); //獲取該標簽的文本內容
var length = 20; //截取的長度
var truncatedText = text.substring(0, length) + '...'; //截取后加上省略號
console.log(text); //輸出完整的文本內容
console.log(truncatedText); //輸出截取并省略后的文本內容
element.text(truncatedText); //修改該標簽的文本內容為截取后的內容
});

在上面的代碼中，我們首先通過 JQuery JS 的選擇器獲取了第一個 p 標簽的元素，然后使用 text() 方法獲取了該元素的文本內容。接著，我們定義了截取的長度為 20 個字符，并使用了 substring() 方法將文本內容截取了前 20 個字符。最后，我們將省略號添加到截取后的文本內容中，并使用 text() 方法將修改后的內容更新到了該標簽元素中。

需要注意的是，如果想要實現不區分中英文截取的效果，可以使用 substr() 方法，并將參數 length 轉換為字節數。具體可參考代碼如下：

$(document).ready(function(){
var element = $('p:nth-child(1)');
var text = element.text();
var length = 40; //截取的長度
var truncatedText = '';
if(text.replace(/[^\x00-\xFF]/g,"**").length >length){ //區分中英文截斷
for(var i = text.length-1; i >= 0; i--){
if(text.substr(0, i).replace(/[^\x00-\xFF]/g,"**").length<= length){
truncatedText = text.substr(0, i) + '...';
break;
}
}
} else {
truncatedText = text;
}
element.text(truncatedText);
});

以上就是 JQuery JS 截取字符串的實現方式。通過這種方法，我們可以非常方便地實現各種對字符串的截取需求。