jQuery中size()方法用法实例


Posted in Javascript onDecember 27, 2014

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

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

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

语法结构:

$(selector).size()

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<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程序设计有所帮助。

Javascript 相关文章推荐
JS Date函数整理方便使用
Oct 23 Javascript
JS事件在IE与FF中的区别详细解析
Nov 20 Javascript
javascript中的undefined和not defined区别示例介绍
Feb 26 Javascript
js限制checkbox选中个数以限制六个为例
Jul 15 Javascript
JavaScript实现简单图片翻转的方法
Apr 17 Javascript
JS实现带提示的星级评分效果完整实例
Oct 30 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
Sep 17 Javascript
详解jQuery选择器
Dec 21 Javascript
vue-hook-form使用详解
Apr 07 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
Jan 17 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
Nov 29 Javascript
基于JavaScript实现随机点名器
Feb 25 Javascript
jQuery中each()方法用法实例
Dec 27 #Javascript
jQuery.holdReady()方法用法实例
Dec 27 #Javascript
jQuery中的jQuery()方法用法分析
Dec 27 #Javascript
基于javascript实现的搜索时自动提示功能
Dec 26 #Javascript
基于jquery实现发送文章到手机的代码
Dec 26 #Javascript
jQuery中ajax的post()方法用法实例
Dec 26 #Javascript
jQuery中ajax的get()方法用法实例
Dec 26 #Javascript
You might like
destoon实现调用图文新闻的方法
2014/08/21 PHP
PHP使用ffmpeg给视频增加字幕显示的方法
2015/03/12 PHP
thinkPHP自定义类实现方法详解
2016/11/30 PHP
PHP获取链表中倒数第K个节点的方法
2018/01/18 PHP
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
return false,对阻止事件默认动作的一些测试代码
2010/11/17 Javascript
js 创建快捷方式的代码(fso)
2010/11/19 Javascript
Js 弹出框口并返回值的两种常用方法
2010/12/30 Javascript
JS字符串处理实例代码
2013/08/05 Javascript
jquery快捷动态绑定键盘事件的操作函数代码
2013/10/17 Javascript
JS小游戏之极速快跑源码详解
2014/09/25 Javascript
JS上传图片前实现图片预览效果的方法
2015/03/02 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
2015/12/01 Javascript
js实现点击按钮复制文本功能
2020/07/20 Javascript
jQuery轻量级表单模型验证插件
2018/10/15 jQuery
详解javascript replace高级用法
2019/02/17 Javascript
[07:38]2014DOTA2国际邀请赛 Newbee顺利挺进胜者组赛后专访
2014/07/15 DOTA
[06:35]2014DOTA2国际邀请赛 老男孩梦圆西雅图中国军团世界最强
2014/07/22 DOTA
python搭建微信公众平台
2016/02/09 Python
视觉直观感受若干常用排序算法
2017/04/13 Python
Python自然语言处理 NLTK 库用法入门教程【经典】
2018/06/26 Python
python 使用pygame工具包实现贪吃蛇游戏(多彩版)
2019/10/30 Python
python实现测试工具(二)——简单的ui测试工具
2020/10/19 Python
python爬取招聘要求等信息实例
2020/11/20 Python
纯CSS3制作的鼠标悬停时边框旋转
2017/01/03 HTML / CSS
AmazeUI 等分网格的实现示例
2020/08/25 HTML / CSS
资生堂美国官网:Shiseido美国
2016/09/02 全球购物
英国最大的笔记本电脑直销专家:Laptops Direct
2019/07/20 全球购物
乌克兰鞋类购物网站:Eobuv.com.ua
2020/11/28 全球购物
幼儿园长自我鉴定
2013/10/17 职场文书
设计专业毕业生求职信
2014/06/25 职场文书
小学语文教研活动总结
2014/07/01 职场文书
2015年妇联工作总结范文
2015/04/22 职场文书
恰同学少年观后感
2015/06/08 职场文书
可可西里观后感
2015/06/08 职场文书
SQL语句中JOIN的用法场景分析
2021/07/25 SQL Server