ホームページ > 記事 > ウェブフロントエンド > jQueryのlengthとsize()の違いは何ですか?
jQueryのlengthとsize()の違いは何ですか?
- 伊谢尔伦オリジナル
- 2017-06-17 09:12:552377ブラウズ
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 ページ e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 内にある段落要素の数をカウントする場合は、 $("p").size() == $("p").length
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 サイトの他の関連記事を参照してください。