ホームページ ウェブフロントエンド jsチュートリアル jQueryの長さとサイズ()の使用方法

jQueryの長さとサイズ()の使用方法

Jun 02, 2018 am 10:07 AM
jquery length size

今回はjQueryのlengthとsize()の使い方と、jQueryのlengthとsize()を使うときの注意点を紹介します。実際のケースを見てみましょう。

1.length は プロパティ、size() はメソッドです。

2. 要素の数を取得したいだけの場合、("img").length("img").length の 2 つのメソッドは同じ効果があります。 code> と ("img").size() で得られる値は同じです。 ("img").length("img").length("img").size() 获取的值是一样的。

3.如果计算一个字符串的长度或者计算一个数组元素的个数就只得用length, 如 $("#text").val().length

3. 文字列

の長さを計算する場合、または文字列内の要素の数を計算する場合配列の場合、$("#text").val().length などの長さを使用する必要があります。

実行時間を見てください。 http://jsperf.com/size-vs-length はこれを使用してテストされています

画像から、size() メソッドが length より 38% 遅いことがわかります。 。 理由は何ですか?

その理由は次のとおりです:

公式 Web サイト (http://api.jquery.com/size/) の説明を参照してください:

.size() メソッドは jQuery 1.8 の時点で非推奨です。代わりに .length プロパティを使用してください。

.size() メソッドは機能的には .length プロパティと同等ですが、関数呼び出しのオーバーヘッドがないため、.length プロパティの方が推奨されます。上記からわかるように、size() は length 属性を呼び出すことによって実装されます

jquery 1.8 以降、length は size() に置き換わりました。これは、length が関数呼び出しを返す必要がないため、その方が優れています。

昨日から学び、今日を生き、明日に希望を持ちましょう。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 !

推奨書籍:

Vue を使用してドラッグ アンド ドロップ効果を実現する方法

Node.js+コンソール出力ログ ファイルの分析例

以上がjQueryの長さとサイズ()の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド Feb 27, 2024 pm 06:45 PM

jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? Feb 28, 2024 pm 03:12 PM

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?

jQueryで要素の高さ属性を削除するにはどうすればよいですか? jQueryで要素の高さ属性を削除するにはどうすればよいですか? Feb 28, 2024 am 08:39 AM

jQueryで要素の高さ属性を削除するにはどうすればよいですか?

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する Feb 28, 2024 pm 09:06 PM

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する

徹底した分析: jQuery の長所と短所 徹底した分析: jQuery の長所と短所 Feb 27, 2024 pm 05:18 PM

徹底した分析: jQuery の長所と短所

jQuery を使用してすべての a タグのテキスト コンテンツを変更する jQuery を使用してすべての a タグのテキスト コンテンツを変更する Feb 28, 2024 pm 05:42 PM

jQuery を使用してすべての a タグのテキスト コンテンツを変更する

jQuery における eq の役割と応用シナリオを理解する jQuery における eq の役割と応用シナリオを理解する Feb 28, 2024 pm 01:15 PM

jQuery における eq の役割と応用シナリオを理解する

PHPでよく使われるファイル操作関数のまとめ PHPでよく使われるファイル操作関数のまとめ Apr 03, 2024 pm 02:52 PM

PHPでよく使われるファイル操作関数のまとめ

See all articles