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 相关文章推荐
20个非常有用的PHP类库 加速php开发
Jan 15 Javascript
jQuery对象和DOM对象使用说明
Jun 25 Javascript
在JavaScript中获取请求的URL参数[正则]
Dec 25 Javascript
Javascript 类、命名空间、代码组织代码
Jul 31 Javascript
Bootstrap的popover(弹出框)2秒后定时消失的实现代码
Feb 27 Javascript
JS如何设置元素样式的方法示例
Aug 28 Javascript
通俗易懂地解释JS中的闭包
Oct 23 Javascript
vue-cli3全面配置详解
Nov 14 Javascript
关于js陀螺仪的理解分析
Apr 11 Javascript
Vuex新手的理解与使用详解
May 31 Javascript
解决layui弹出层layer的area过大被遮挡的问题
Sep 21 Javascript
Vue $attrs &amp; inheritAttr实现button禁用效果案例
Dec 07 Vue.js
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/07/15 PHP
php基于Snoopy解析网页html的方法
2015/07/09 PHP
Yii2中SqlDataProvider用法示例
2016/09/22 PHP
php递归函数怎么用才有效
2018/02/24 PHP
laradock环境docker-compose操作详解
2019/07/29 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
js利用Array.splice实现Array的insert/remove
2009/01/13 Javascript
拉动滚动条加载数据的jquery代码
2012/05/03 Javascript
JS localStorage实现本地缓存的方法
2013/06/22 Javascript
JavaScript中this的使用详解
2013/11/08 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
2013/12/02 Javascript
js中opener与parent的区别详细解析
2014/01/14 Javascript
多种js图片预加载实现方式分享
2016/02/19 Javascript
Vue.js系列之vue-router(上)(3)
2017/01/03 Javascript
微信小程序之数据双向绑定与数据操作
2017/05/12 Javascript
JS实现的邮箱提示补全效果示例
2018/01/30 Javascript
基于vue实现圆形菜单栏组件
2019/07/05 Javascript
解决Vue中 父子传值 数据丢失问题
2019/08/27 Javascript
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
2020京东618叠蛋糕js脚本(亲测好用)
2020/06/02 Javascript
实例讲解Python中global语句下全局变量的值的修改
2016/06/16 Python
Python中Django发送带图片和附件的邮件
2017/03/31 Python
基于Django框架利用Ajax实现点赞功能实例代码
2018/08/19 Python
python使用phoenixdb操作hbase的方法示例
2019/02/28 Python
10款最好的Python开发编辑器
2019/07/03 Python
Python中__repr__和__str__区别详解
2019/11/07 Python
Jupyter Notebook 安装配置与使用详解
2021/01/06 Python
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
印度最大的网上花店:Ferns N Petals(鲜花、礼品和蛋糕)
2017/10/16 全球购物
美国最大的户外装备和服装购物网站:Backcountry
2019/10/15 全球购物
大学生关于奋斗的演讲稿
2014/01/09 职场文书
骨干教师培训制度
2014/01/13 职场文书
网上签名寄语活动留言
2014/01/18 职场文书
办理收楼委托书范本
2014/10/09 职场文书
vue实现无缝轮播效果(跑马灯)
2021/05/14 Vue.js
你知道哪几种MYSQL的连接查询
2021/06/03 MySQL