ホームページ > 記事 > ウェブフロントエンド > jQuery.trim()関数とtrim()の詳しい説明

jQuery.trim()関数とtrim()の詳しい説明

WBOYオリジナル: 2016-05-16 15:34:592512ブラウズ

jQuery.trim() 関数は、文字列の両端の空白文字を削除するために使用されます。この関数は、文字列の先頭と末尾にある空白文字を (最初の非空白文字列が見つかるまで) 削除します。改行、スペース、タブなどの一般的な空白文字が削除されます。

この関数はグローバル jQuery オブジェクトに属します。

文法

jQuery 1.0 では、この静的関数が追加されました。

jQuery.trim( str )

参数	描述
str	String类型需要去除两端空白字符的字符串。

パラメータ str が文字列型でない場合、この関数は自動的に文字列に変換します (通常は toString() メソッドを呼び出します)。パラメータ str が null または未定義の場合、空の文字列 ("") が返されます。

戻り値

jQuery.trim()関数の戻り値はString型で、両端の空白文字列を取り除いた文字列を返します。

例と手順

以下は、jQuery.trim() 関数の具体的な使用法を示す、jQuery.trim() 関数に関連する jQuery サンプルコードです。

//在当前页面内追加换行标签和指定的HTML内容
function w( html ){
  document.body.innerHTML += "<br/>" + html;
}
// 输出两侧添加双引号，以便于区分字符串边界
w( '"' + $.trim( "  CodePlayer  " ) + '"'); // "CodePlayer"
// 只会去除两端的连续空白字符
w( '"' + $.trim( "  Code Player  " ) + '"'); // "Code Player"
w( '"' + $.trim( "\r\n\t  CodePlayer  \t" ) + '"'); // "CodePlayer"
w( '"' + $.trim( "" ) + '"'); // ""
w( '"' + $.trim( 12 ) + '"'); // "12"
w( '"' + $.trim( null ) + '"'); // ""
w( '"' + $.trim( undefined ) + '"'); // ""
w( '"' + $.trim( new Object() ) + '"'); // "[object Object]"

jquery での Trim() の使用法

<html>
<head>
<title>$.trim()</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
var sString = " 1234567890 ";
sString = $.trim(sString);
alert(sString.length);
</script>
</head>
<body>
</body>
</html>

IE8 ブラウザーで Web サイトを開発する場合、ネイティブ JavaScript は .trim() メソッドをサポートしていないため、document.getElementByID().trim(); のようなコードを作成すると、これは実際には誤りです。 IE8 モードで実行すると、「メソッドまたは属性はサポートされていません」というエラーが報告されます。

解決策は次のとおりです:

1. JQuery が提供する $.trim([操作対象のオブジェクト]);

を使用します。

2. 空白文字をインターセプトするメソッドをカプセル化します。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：jQuery は、link_jquery 上でマウスをスライドさせることで、画像を制御するスライド拡張および非表示効果を実現します。次の記事：jQuery は、link_jquery 上でマウスをスライドさせることで、画像を制御するスライド拡張および非表示効果を実現します。

続きを見る

jQuery.trim()関数とtrim()の詳しい説明

関連記事