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 创建书签小工具之理论
Feb 25 Javascript
判断ie的两种简单方法
Aug 12 Javascript
JS判断不能为空实例代码
Nov 26 Javascript
javascript实现动态侧边栏代码
Feb 19 Javascript
jquery实现鼠标滑过小图查看大图的方法
Jul 20 Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 Javascript
jQuery封装的屏幕居中提示信息代码
Jun 08 Javascript
javascript中sort排序实例详解
Jul 24 Javascript
JS实现根据用户输入分钟进行倒计时功能
Nov 14 Javascript
JavaScript实现前端实时搜索功能
Mar 26 Javascript
Javascript查看大图功能代码实现
May 07 Javascript
微信小程序绘制半圆(弧形)进度条
Nov 18 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
PHP 字符串长度判断效率更高的方法
2014/03/02 PHP
yii2 commands模式以及配置crontab定时任务的方法
2017/08/19 PHP
[原创]PHP实现生成vcf vcard文件功能类定义与使用方法详解【附demo源码下载】
2017/09/02 PHP
php基于环形链表解决约瑟夫环问题示例
2017/11/07 PHP
laravel解决迁移文件一次删除创建字段报错的问题
2019/10/24 PHP
jQuery AJAX回调函数this指向问题
2010/02/08 Javascript
图片onload事件触发问题解决方法
2011/07/31 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
2013/01/30 Javascript
js 实现日期灵活格式化的小例子
2013/07/14 Javascript
javascript自定义in_array()函数实现方法
2015/08/03 Javascript
jQuery计算文本框字数及限制文本框字数的方法
2016/03/01 Javascript
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
2016/08/10 Javascript
jQuery得到多个值只能用取Class ,不能用取ID的方法
2016/12/04 Javascript
Python 内置函数complex详解
2016/10/23 Python
Python正则表达式知识汇总
2017/09/22 Python
pyqt5自定义信号实例解析
2018/01/31 Python
深入理解Django的中间件middleware
2018/03/14 Python
Python读取txt内容写入xls格式excel中的方法
2018/10/11 Python
设置python3为默认python的方法
2018/10/31 Python
Python中的引用知识点总结
2019/05/20 Python
python 批量添加的button 使用同一点击事件的方法
2019/07/17 Python
Tensorflow不支持AVX2指令集的解决方法
2020/02/03 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
Python日志处理模块logging用法解析
2020/05/19 Python
python向企业微信发送文字和图片消息的示例
2020/09/28 Python
Python 串口通信的实现
2020/09/29 Python
澳大利亚的奢侈品牌:Oroton
2016/08/26 全球购物
基于Python 函数和方法的区别说明
2021/03/24 Python
后勤采购员岗位职责
2013/12/19 职场文书
宣传策划类求职信范文
2014/01/31 职场文书
《长江之歌》教学反思
2014/04/17 职场文书
四风个人对照检查材料思想汇报(办公室通用版)
2014/10/07 职场文书
故意杀人案辩护词
2015/05/21 职场文书
2015年学生管理工作总结
2015/05/26 职场文书
小学家长意见怎么写
2015/06/03 职场文书
OpenCV-Python使用cv2实现傅里叶变换
2021/06/09 Python