jQuery中的size()方法是用來獲取對象中元素的個數,返回的是一個整數值。size()可以用于任何選擇器,包括元素、屬性和類的選擇器,因此它非常實用。下面是一些使用size()的示例:
//獲取頁面中所有p標簽的數量 var count = $('p').size(); alert('頁面中有' + count + '個p標簽'); //獲取某個div中所有span標簽的數量 var count = $('#mydiv span').size(); alert('mydiv中有' + count + '個span標簽'); //獲取class為myclass的元素數量 var count = $('.myclass').size(); alert('頁面中有' + count + '個myclass元素');
size()方法非常簡單常用,但需要注意的是,size()返回的是一個整數值,因此不能用于對象的其他jQuery方法中。例如,以下的代碼是錯誤的:
//錯誤的示例 var count = $('p').size(); $('p:lt(' + count + ')').hide();
正確的方法應該是使用length屬性(即JavaScript的原生屬性),它也可以獲取對象中元素的個數:
var count = $('p').length; $('p:lt(' + count + ')').hide();
總之,使用size()方法可以很方便地獲取選擇器所匹配的元素數量,讓我們在開發中更容易地編寫出優美、高效的代碼。