JQuery.size()方法为我们提供了存在的元素数量。例如,如果我们为“p”标签调用size()方法,那么它将返回页面上存在的“p”标签的数量。
句法:
$(selector).size()
返回值:返回当前“选择器”的个数。
例子:
HTML
para-1
para-2
para-3
para-4
para-5
HTML
para-1
para-2
para-3
para-4
para-5
输出:
5
注意:此方法已在 jQuery 3.0 中删除。因此,上述代码在最新版本的 jQuery 中不起作用。现在,您必须使用length属性。
JQuery.size() 实现:
size()->function()
{
return this.length;
}
在这里,我们可以清楚地看到size()方法在内部调用length属性。所以,很明显,当我们必须找到一个元素的大小时,我们可以直接调用 长度属性而不是调用方法。
jQuery.length 属性: JQuery.length属性比JQuery.size()快,因为这里我们没有调用任何函数。
句法:
$(selector).length
返回值:返回选择器的长度。
例子:
HTML
para-1
para-2
para-3
para-4
para-5
输出:
5
jQuery.size() 和 jQuery.length 的区别:
jQuery.size() Method | jQuery.length Property |
---|---|
It is a method type. | It is a property type. |
It returns the number of elements. | It also returns the number of elements. |
Internally it calls length property. | It doesn’t call any other property. |
It is slow because of the overhead function. | It is fast. |
It was removed in jQuery 3.0. | This is recommended to use. |