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 相关文章推荐
Javascript-Mozilla和IE中的一个函数直接量的问题
Jan 09 Javascript
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
Apr 10 Javascript
jQuery实战之品牌展示列表效果
Apr 10 Javascript
jquery 之 $().hover(func1, funct2)使用方法
Jun 14 Javascript
js中arguments,caller,callee,apply的用法小结
Jan 28 Javascript
Javascript中获取对象的原型对象的方法小结
Feb 25 Javascript
jQuery的层级查找方式分析
Jun 16 Javascript
jQuery实现滚动效果
Nov 17 jQuery
Angular自定义组件实现数据双向数据绑定的实例
Dec 11 Javascript
vue中引用阿里字体图标的方法
Feb 10 Javascript
javascript设计模式 ? 观察者模式原理与用法实例分析
Apr 22 Javascript
vue 在单页面应用里使用二级套嵌路由
Dec 19 Vue.js
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
Terran魔法科技
2020/03/14 星际争霸
php access 数据连接与读取保存编辑数据的实现代码
2010/05/12 PHP
PHP中实现接收多个name相同但Value不相同表单数据实例
2015/02/03 PHP
php利用事务处理转账问题
2015/04/22 PHP
传智播客学习之JavaScript基础篇
2009/11/13 Javascript
javascript匿名函数实例分析
2014/11/18 Javascript
Javascript非构造函数的继承
2015/04/27 Javascript
png在IE6 下无法透明的解决方法汇总
2015/05/21 Javascript
JavaScript定时器制作弹窗小广告
2017/02/05 Javascript
原生js实现简单的链式操作
2017/07/04 Javascript
EasyUI的DataGrid每行数据添加操作按钮的实现代码
2017/08/22 Javascript
vue.js做一个简单的编辑菜谱功能
2018/05/08 Javascript
Vue resource三种请求格式和万能测试地址
2018/09/26 Javascript
React项目动态设置title标题的方法示例
2018/09/26 Javascript
如何使用VuePress搭建一个类型element ui文档
2019/02/14 Javascript
js找出5个数中最大的一个数和倒数第二大的数实现方法示例小结
2020/03/04 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
2020/10/20 Javascript
[01:45]2014DOTA2 TI预选赛预选赛 战前探营!
2014/05/21 DOTA
python实现感知器
2017/12/19 Python
Python获取昨天、今天、明天开始、结束时间戳的方法
2018/06/01 Python
python 获取utc时间转化为本地时间的方法
2018/12/31 Python
python实现一个点绕另一个点旋转后的坐标
2019/12/04 Python
opencv设置采集视频分辨率方式
2019/12/10 Python
浅谈keras使用中val_acc和acc值不同步的思考
2020/06/18 Python
Python实现定时监测网站运行状态的示例代码
2020/09/30 Python
Python列表元素删除和remove()方法详解
2021/01/04 Python
Notino瑞典:购买香水和美容产品
2019/07/26 全球购物
英国100%防污和防水的靴子:Muck Boot Company
2020/09/08 全球购物
工作失职检讨书范文
2014/01/16 职场文书
物控部经理职务说明书
2014/02/25 职场文书
年会搞笑主持词串词
2014/03/24 职场文书
创先争优个人承诺书
2014/08/30 职场文书
2014年小学安全工作总结
2014/12/04 职场文书
Python基于百度AI实现抓取表情包
2021/06/27 Python
关于CentOS 8 搭建MongoDB4.4分片集群的问题
2021/10/24 MongoDB
python数字图像处理之图像自动阈值分割示例
2022/06/28 Python