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 相关文章推荐
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
Nov 24 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
Oct 11 Javascript
javascript检查浏览器是否支持flash的实现代码
Aug 14 Javascript
javascript运算符——逻辑运算符全面解析
Jun 27 Javascript
js实现的xml对象转json功能示例
Dec 24 Javascript
JS基于正则表达式的替换操作(replace)用法示例
Apr 28 Javascript
深入理解react-router@4.0 使用和源码解析
May 23 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
Oct 27 Javascript
页面点击小红心js实现代码
May 26 Javascript
微信小程序新手教程之启动页的重要性
Mar 03 Javascript
JS实现判断数组是否包含某个元素示例
May 24 Javascript
利用原生JS实现欢乐水果机小游戏
Apr 23 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中目录,文件操作详谈
2007/03/19 PHP
Zend的AutoLoad机制介绍
2012/09/27 PHP
解析php函数method_exists()与is_callable()的区别
2013/06/21 PHP
PHP基本语法总结
2014/09/06 PHP
yii数据库的查询方法
2015/12/28 PHP
使用phpstorm和xdebug实现远程调试的方法
2015/12/29 PHP
php使用Jpgraph创建折线图效果示例
2017/02/15 PHP
PHP7扩展开发之hello word实现方法详解
2018/01/15 PHP
php数组遍历类与用法示例
2019/05/24 PHP
会自动逐行上升的文本框
2006/06/30 Javascript
innerHTML 和 getElementsByName 在IE下面的bug 的解决
2010/04/09 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
2011/09/29 Javascript
Chosen 基于jquery的选择框插件使用方法
2012/05/30 Javascript
Jvascript学习实践案例(开发常用)
2012/06/25 Javascript
一个JavaScript获取元素当前高度的实例
2014/10/29 Javascript
JavaScript分秒倒计时器实现方法
2015/02/02 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
nodejs调取微信收货地址的方法
2017/12/20 NodeJs
node中的cookie的具体使用
2018/09/13 Javascript
解决微信小程序中转换时间格式IOS不兼容的问题
2019/02/15 Javascript
Python数据结构之单链表详解
2017/09/12 Python
Python3 实现文件批量重命名示例代码
2019/06/03 Python
Django REST framework 单元测试实例解析
2019/11/07 Python
Python基于gevent实现高并发代码实例
2020/05/15 Python
大数据分析用java还是Python
2020/07/06 Python
用Python 执行cmd命令
2020/12/18 Python
用Python自动清理系统垃圾的实现
2021/01/18 Python
CSS3 创建网页动画实现弹跳球动效果
2018/10/30 HTML / CSS
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
销售顾问的岗位职责
2013/11/13 职场文书
学校节能宣传周活动总结
2014/07/09 职场文书
财务工作犯错检讨书
2014/10/07 职场文书
瘦西湖导游词
2015/02/03 职场文书
职工宿舍管理制度
2015/08/05 职场文书
2019年市场部个人述职报告(三篇)
2019/10/23 职场文书
MySQL实现用逗号进行拼接、以逗号进行分割
2022/12/24 MySQL