jQuery中size()方法用法实例

更新时间：2014年12月27日 11:08:42 投稿：shichen2014

这篇文章主要介绍了jQuery中size()方法用法,实例分析了size()方法返回对象集合中元素数目的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jQuery中size()方法用法。分享给大家供大家参考。具体分析如下：

此方法可以返回jQuery对象集合中元素的数目。

size()方法的返回值与jQuery对象的length属性一致。

语法结构:

复制代码代码如下:

$(selector).size()

实例代码:

复制代码代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://www.jb51.net/" />

<title>脚本之家</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>

以上代码能够计算li元素的数量，并输出。

希望本文所述对大家的jquery程序设计有所帮助。

您可能感兴趣的文章:

jQuery三级下拉列表导航菜单代码分享
这篇文章主要为大家详细介绍了jQuery三级下拉列表导航菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2015-08-08
jquery实现的分页显示功能示例
这篇文章主要介绍了jquery实现的分页显示功能,涉及jQuery的ajax交互及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
2019-08-08
jquery 表单验证之通过 class验证表单不为空
在开发系统时，往往都有某些表单数据为必填项，若用jQuery通过ID去验证，不仅会影响效率，还会有所遗漏，不易于后期维护。本章将介绍如何利用jQuery，通过为表单配置class进行统一验证。
2015-11-11
jQuery使用bind函数实现绑定多个事件的方法
这篇文章主要介绍了jQuery使用bind函数实现绑定多个事件的方法,结合简单实例形式分析了jQuery使用bind函数进行多个事件绑定的操作技巧与注意事项,需要的朋友可以参考下
2017-10-10
Jquery获取元素的父容器对象示例代码
本篇文章主要是对Jquery获取元素的父容器对象的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-02-02
jquery通过name属性取值的简单实现方法
下面小编就为大家带来一篇jquery通过name属性取值的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
在我们日常开发中经常会使用到.bind()、.live()、.delegate()和.on()，有些同学会对这四者存在一些疑虑，所以下面这篇文章主要给大家介绍了关于Jquery中.bind()、.live()、.delegate()和.on()之间区别的相关资料，需要的朋友可以参考借鉴。
2017-08-08
JQuery操作tr和td内容的方法实例
本文介绍了“JQuery操作tr和td内容的方法实例”，需要的朋友可以参考一下
2013-03-03
微信小程序组件 marquee实例详解
这篇文章主要介绍了微信小程序组件 marquee实例详解的相关资料,需要的朋友可以参考下
2017-06-06
jquery制做精致的倒计时特效
这篇文章主要为大家详细介绍了jquery制做精致的倒计时特效的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-06-06