jQuery对象的length属性用法实例


Posted in Javascript onDecember 27, 2014

本文实例讲述了jQuery对象的length属性用法。分享给大家供大家参考。具体分析如下:

此属性返回匹配的jQuery对象集合中对象的数目。

length属性与size()方法返回相同的值。

语法结构:

$("selector").length

实例代码:

<!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").length); 

  }) 

}); 

</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>

以上代码可以通过length属性获取li元素集合中,li元素的数量。

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

Javascript 相关文章推荐
原生js操作checkbox用document.getElementById实现
Oct 12 Javascript
jQuery Ajax中的事件详细介绍
Apr 16 Javascript
js学习笔记之事件处理模型
Oct 31 Javascript
AngularJS指令中的绑定策略实例分析
Dec 14 Javascript
微信小程序仿RadioGroup改变样式的处理方案
Jul 13 Javascript
对Vue beforeRouteEnter 的next执行时机详解
Aug 25 Javascript
layer弹出子iframe层父子页面传值的实现方法
Nov 22 Javascript
微信小程序实现Session功能及无法获取session问题的解决方法
May 07 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
May 20 Javascript
详解使用JWT实现单点登录(完全跨域方案)
Aug 02 Javascript
Java Varargs 可变参数用法详解
Jan 28 Javascript
extjs图表绘制之条形图实现方法分析
Mar 06 Javascript
jQuery中size()方法用法实例
Dec 27 #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
You might like
fleaphp下不确定的多条件查询的巧妙解决方法
2008/09/11 PHP
PHP通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
PHP获取一年中每个星期的开始和结束日期的方法
2015/02/12 PHP
php无法连接mysql数据库的正确解决方法
2016/07/01 PHP
php实现购物车产品删除功能(2)
2020/07/23 PHP
js或css实现滚动广告的几种方案
2010/01/28 Javascript
关于jQuery参考实例2.0 用jQuery选择元素
2013/04/07 Javascript
JavaScript操作选择对象的简单实例
2016/05/16 Javascript
JS简单测试循环运行时间的方法
2016/09/04 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
2017/08/15 jQuery
Vue项目全局配置微信分享思路详解
2018/05/04 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
2019/01/03 Javascript
Node.js 进程平滑离场剖析小结
2019/01/24 Javascript
微信小程序实现时间进度条功能
2020/11/17 Javascript
[02:37]2015国际邀请赛选手档案—LGD.Xiao8
2015/07/28 DOTA
python数据封装json格式数据
2018/03/04 Python
Python callable()函数用法实例分析
2018/03/17 Python
python向已存在的excel中新增表,不覆盖原数据的实例
2018/05/02 Python
Python 读写文件的操作代码
2018/09/20 Python
解决python 自动安装缺少模块的问题
2018/10/22 Python
对Pytorch神经网络初始化kaiming分布详解
2019/08/18 Python
python paramiko远程服务器终端操作过程解析
2019/12/14 Python
python 类之间的参数传递方式
2019/12/20 Python
基于TensorBoard中graph模块图结构分析
2020/02/15 Python
python+selenium+chrome批量文件下载并自动创建文件夹实例
2020/04/27 Python
celery在python爬虫中定时操作实例讲解
2020/11/27 Python
python中pyqtgraph知识点总结
2021/01/26 Python
加州风格的游泳和沙滩装品牌:Cupshe
2019/06/10 全球购物
土木工程毕业生自荐信
2013/09/21 职场文书
教师自我剖析材料(四风问题)
2014/09/30 职场文书
见习期个人总结
2015/03/05 职场文书
学校通报表扬范文
2015/05/04 职场文书
社区党建工作总结2015
2015/05/13 职场文书
居安思危观后感
2015/06/11 职场文书
保险公司岗前培训工作总结
2015/10/24 职场文书