jQueryのlengthとsize()の違いは何ですか?-jsチュートリアル-php.cn

jQueryのlengthとsize()の違いは何ですか?

伊谢尔伦

リリース： 2017-06-17 09:12:55

オリジナル

2463 人が閲覧しました

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 ページ

内にある段落要素の数をカウントする場合は、 $("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 サイトの他の関連記事を参照してください。