jQueryのlengthとsize()の違いは何ですか?
size()関数は、現在のjQueryオブジェクトによってカプセル化された要素の数を返すために使用されます。 size() 関数には、length 属性と同じ効果があります。 この関数はjQueryオブジェクト(インスタンス)に属します。 size() メソッドの戻り値は、jQuery オブジェクトの length プロパティと一致します。
文法構造:
$(selector).size()
サンプルコード:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>php.cn</title>
<style type="text/css">
span{color:red;}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
$("span").text($("li").size());
})
})
</script>
</head>
<body>
<div>
<ul>
<li>后台专区</li>
<li>前台专区</li>
<li>数据库专区</li>
<li>站长交流</li>
</ul>
</div>
<div>li元素集合中li元素的数量:<span></span></div>
<button id="btn">点击查看实例</button>
</body>
</html> jQuery の length と size() の違いは次のように要約されます:
1. Length は属性であり、size() はメソッドです。タグ オブジェクト要素の場合、HTML ページ
2 .要素数を取得したいだけの場合、$("img").length と $("img").size() で取得される値は同じです。 ; ただし、文字列を取得したい場合は、$("#text").val().length
などの長さを使用する必要があります。文字列の長さまたは配列内の要素の数を計算するには その場合、size の代わりに length のみを使用できます。 ()
jQuery length と size() の違い 上記からわかるように、size() は length 属性を呼び出すことによって実装され、length は size() に置き換えられます。 jquery 1.8 以降では、length が関数呼び出しを返す必要がないため、その方が優れています。
コード例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.4.2.js">
</script>
<script type="text/javascript">
$(function(){
var imglength=$("img").length; //2
var imgsize=$("img").size(); //2
var vallength=$("#text").val().length; //3
})
</script>
</head>
<body>
<img src="test1.jpg"/>
<img src="test2.jpg"/>
姓名<input type="text" id="text" value="aaa"/>
<!--
jQuery length和size()区别总结如下：
1.length是属性，size()是方法。
2.如果你只是想获取元素的个数，两者效果一样既 $("img").length 和 $("img").size() 获取的值是一样的；
但是如果是获取字符串的长度就只得用length, 如 $("#text").val().length
从上可以看出size()是调用length属性实现的，而且在jquery 1.8后 length取代了 size() ,因为length不需要返回一个函数调用，更优秀。
-->
</body>
</html>以上がjQueryのlengthとsize()の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
1655
14
1413
52
1306
25
1252
29
1226
24
PSのエクスポートPDFのパスワード保護を設定する方法
Apr 06, 2025 pm 04:45 PM
Photoshopでパスワードで保護されたPDFをエクスポート：画像ファイルを開きます。 [ファイル]＆gtをクリックします。 「エクスポート」＆gt; 「PDFとしてのエクスポート」。 「セキュリティ」オプションを設定し、同じパスワードを2回入力します。 [エクスポート]をクリックして、PDFファイルを生成します。
H5とミニプログラムとアプリの違い
Apr 06, 2025 am 10:42 AM
H5。ミニプログラムとアプリの主な違いは次のとおりです。技術アーキテクチャ：H5はWebテクノロジーに基づいており、ミニプログラムとアプリは独立したアプリケーションです。経験と機能：H5は軽量で使いやすく、機能が限られています。ミニプログラムは軽量で、インタラクティブが良好です。アプリは強力で、スムーズな経験があります。互換性：H5はクロスプラットフォーム互換性があり、アプレットとアプリはプラットフォームによって制限されています。開発コスト：H5には、開発コストが低く、中程度のミニプログラム、最高のアプリがあります。適用可能なシナリオ：H5は情報表示に適しており、アプレットは軽量アプリケーションに適しており、アプリは複雑な機能に適しています。
Routerフォルダーの下のindex.jsファイルでvue.use（vuerouter）を呼び出す必要があるのはなぜですか？
Apr 05, 2025 pm 01:03 PM
Vueアプリケーションを開発するときに、ルーターフォルダーの下にindex.jsファイルにvuerouterを登録する必要性があるため、ルーティング構成で問題が発生することがよくあります。特別...
CentosとUbuntuの違い
Apr 14, 2025 pm 09:09 PM
Centosとubuntuの重要な違いは次のとおりです。起源（CentosはRed Hat、for Enterprises、UbuntuはDebianに由来します。個人用のDebianに由来します）、パッケージ管理（CentosはYumを使用し、安定性に焦点を当てます。チュートリアルとドキュメント）、使用（Centosはサーバーに偏っています。Ubuntuはサーバーやデスクトップに適しています）、その他の違いにはインストールのシンプルさが含まれます（Centos is Thin）
さまざまなデータベースシステムに列を追加するための構文の違いは何ですか
Apr 09, 2025 pm 02:15 PM
and：mysql：Alter table_name add column_name data_type; postgresql：column column_name data_typeを変更するcolumn column_name datape; oracle：alter table_name add（column_name data_type）;
XPathを使用して、JavaScriptの指定されたDOMノードから検索する方法は？
Apr 04, 2025 pm 11:15 PM
JavaScriptのDOMノードの下でのXpath検索方法の詳細な説明、XPath式に基づいてDOMツリーから特定のノードを見つける必要があることがよくあります。あなたがする必要があるなら...
H5とMINIプログラムを宣伝するさまざまな方法は何ですか？
Apr 06, 2025 am 11:03 AM
H5とMINIプログラムのプロモーション方法には違いがあります。プラットフォーム依存：H5はブラウザに依存し、MINIプログラムは特定のプラットフォーム（WeChatなど）に依存しています。ユーザーエクスペリエンス：H5エクスペリエンスは貧弱で、ミニプログラムはネイティブアプリケーションと同様のスムーズな体験を提供します。通信方法：H5はリンクを介して広がり、ミニプログラムはプラットフォームで共有または検索されます。 H5プロモーション方法：ソーシャル共有、電子メールマーケティング、QRコード、SEO、有料広告。ミニプログラムプロモーション方法：プラットフォームプロモーション、ソーシャル共有、オフラインプロモーション、ASO、他のプラットフォームとの協力。
C言語関数ライブラリはどこにありますか？ C言語関数ライブラリを追加する方法は？
Apr 03, 2025 pm 11:39 PM
C Language Functionライブラリは、さまざまな機能を含むツールボックスであり、さまざまなライブラリファイルに編成されています。ライブラリを追加するには、コンパイラのコマンドラインオプションを介して指定する必要があります。たとえば、GCCコンパイラは-Lオプションを使用して、ライブラリ名の略語が続きます。ライブラリファイルがデフォルトの検索パスの下にない場合は、-Lオプションを使用してライブラリファイルパスを指定する必要があります。ライブラリは、静的ライブラリと動的ライブラリに分けることができます。静的ライブラリはコンパイル時にプログラムに直接リンクされ、動的ライブラリは実行時にロードされます。
