jQuery中的size()和length的区别

在jQuery中，有两个常用的属性用于获取匹配元素集合的长度，它们分别是size()和length。虽然它们都可以获取元素集合的长度，但是它们的实现方式和使用场景略有不同。

size()

size() 是一个方法，用于返回匹配元素集合的长度。它可以作用于任意一个jQuery对象，返回的值是一个数字，表示匹配元素的数量。例如：

// 获取页面中所有的p元素个数
var size = $("p").size();
console.log(size);  // 输出p元素的数量

上面的例子中，size()被用于获取页面中所有的p元素的数量，返回的结果是一个数字。需要注意的是，size()只能作用于jQuery对象中，而不能直接作用于一个DOM元素。如果你需要获取一个DOM元素的个数，可以使用类似下面的代码：

// 获取id为my-div的div元素个数
var size = $("#my-div").length;
console.log(size);  // 输出1

length

length 是一个属性，用于返回匹配元素集合的长度。它的使用方式与size()略有不同，它是作为jQuery对象的属性来使用。当我们需要获取某个jQuery对象中匹配的元素个数时，可以直接使用length属性，例如：

// 获取id为my-div的div元素个数
var size = $("#my-div").length;
console.log(size);  // 输出1

需要注意的是，length是一个属性，而不是一个方法。所以当我们在使用length属性时，不需要在后面加上括号。

总结

总的来说，size()和length都是用于获取匹配元素集合的长度。它们的区别在于，size()是一个方法，而length则是一个属性。在使用上，我们可以根据场景选择适当的方法，一般来说，如果需要在链式调用中继续使用，建议使用size()方法；如果仅仅需要获取某个jQuery对象中匹配元素的数量，则建议使用length属性。