デザイナーにも分かりやすいjQuery入門講座|jQueryの使い方

このエントリーをはてなブックマークに追加
索引
Core:コアとなる仕組み
Selectors:セレクタ
Attributes:属性
Traversing:対象の変更
Manipulation:操作
CSS:スタイルシート
Events:イベント
Effects:演出効果
Ajax:xml等との連携
Utilities:ユーティリティ
Data:データ
Miscellaneous:諸々
Deferred:処理管理
Callbacks:コールバック
Internals:内部処理

.size()jQueryオブジェクトを数を取得

構文

jQueryオブジェクトを数を取得返値:数値
jQo.size()ver1.0〜
※v1.8で非推奨となりました、lengthプロパティを利用してください。

機能

sizeメソッドはjQueryオブジェクトの要素数を取得します。v1.8で非推奨となりましたlengthプロパティを利用してください。

解説

jQueryオブジェクトを数を取得します

サンプル(size/01.html)を開いてbody内にbutton要素とdiv要素が4つあることを確認して下さい。div要素内にはone,two,three,fourとテキストを設定しています。

<div>one</div>
<div>two</div>
<div>three</div>
<div>four</div>

jQueryは以下の様に記述され、buttonをクリックするとdiv要素にマッチしたjQueryオブジェクトにsizeメソッドを利用して要素数を取得しています。取得した数値は変数myNumに代入してアラートで表示します。

$("button").click(function(){
	var myNum = $("div").size();
	alert(myNum)
});

結果として、buttonをクリックするとdiv要素の数である「4」がアラートで表示されます。

関連項目

sizeメソッドは非推奨ですので、代わりにlengthプロパティを利用してください。