WEB前端

jquery教程-Jquery 获取标签个数 size()函数用法

位置:首页 > WEB前端 > jquery教程,2012-11-16
jquery教程-Jquery获取标签个数size()函数用法,size()方法返回被jQuery选择器匹配的元素的数量。语法$(selector).size()jQuery对象中元素的个数。这个函数...

jquery教程-Jquery 获取标签个数 size()函数用法,size() 方法返回被 jQuery 选择器匹配的元素的数量。

语法

$(selector).size()
 
 
jQuery 对象中元素的个数。
这个函数的返回值与 jQuery 对象的' length' 属性一致。

用途:可用于统计某个页面中某些项的数量。比如要统计语文成绩小于100的记录数,可以给小于100 的字段赋上<font class="xx">oo</font>。统计出此标签的数量即得结果。

< script language = " javascript "   type = " text/javascript "  src = " jquery.min.js " >< / script>
< script  language = " javascript "  type = " text/javascript " >
$(document).ready(
function (){
$(
' #sbt ' ).click( function (){
var  i = $( ' div ' ).size(); // 获得div标签的数目
var  j = $( ' .mm ' ).size(); // 获得class为mm的font标签的数目
$( ' #myspan ' ).html( ' <strong><font color=red>一共有 ' + i + ' 个div标签&nbsp;&nbsp;一共有 ' + j + ' 个font标签</font></strong> ' );
})
})

< / script>
< div > div1 < / div><br>
< div > div2 < / div><br>
< div > div3 < / div><br>
< div > div4 < / div><br>
< font class = " mm " > mm1 < / font><br>
< font class = " mm " > mm2 < / font><br>
< font class = " mm " > mm2 < / font><br>
< span id = " myspan " >< / span><br>
< input type = " submit "  value = " 计算 "  id = " sbt "/ >

TAGS:jquery教程jquery size()函数

猜你喜欢

NewHot