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 相关文章推荐
jQuery.holdReady()方法用法实例
Dec 27 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
Mar 16 Javascript
JavaScript调用客户端Java程序的方法
Jul 27 Javascript
node.js下LDAP查询实例分享
Sep 30 Javascript
Javascript实现汉字和拼音互转的终极方案
Oct 19 Javascript
Jqprint实现页面打印
Jan 06 Javascript
js实现简单的获取验证码按钮效果
Mar 03 Javascript
常用的几个JQuery代码片段
Mar 13 Javascript
详解vee-validate的使用个人小结
Jun 07 Javascript
JS判断字符串是否为整数的方法--简单的正则判断
Jul 23 Javascript
使用webpack构建应用的方法步骤
Mar 04 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
Nov 02 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 进度条实现代码
2009/03/10 PHP
PHP 数组教程 定义数组
2009/10/23 PHP
wamp服务器访问php非常缓慢的解决过程
2015/07/01 PHP
反射调用private方法实践(php、java)
2015/12/21 PHP
PHP PDO操作MySQL基础教程
2017/06/05 PHP
PHP实现PDO操作mysql存储过程示例
2019/02/13 PHP
用js 让图片在 div或dl里 居中,底部对齐
2008/01/21 Javascript
鼠标经过的文本框textbox变色
2009/05/21 Javascript
jquery.validate使用攻略 第二部
2010/07/01 Javascript
关于JS管理作用域的问题
2013/04/10 Javascript
Jquery中Event对象属性小结
2015/02/27 Javascript
js编写的treeview使用方法
2016/11/11 Javascript
JavaScript常见的五种数组去重的方式
2016/12/15 Javascript
常用的js方法合集
2017/03/10 Javascript
vue实现验证码输入框组件
2017/12/14 Javascript
实现jquery放大镜的两种方法
2018/02/22 jQuery
django使用channels2.x实现实时通讯
2018/11/28 Javascript
重学 JS:为啥 await 不能用在 forEach 中详解
2019/04/15 Javascript
JS/jQuery实现超简单的Table表格添加,删除行功能示例
2019/07/31 jQuery
Vuex实现简单购物车
2021/01/10 Vue.js
[01:15:45]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第一局
2016/02/26 DOTA
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
Django1.3添加app提示模块不存在的解决方法
2014/08/26 Python
使用Python保存网页上的图片或者保存页面为截图
2016/03/05 Python
解决python "No module named pip" 的问题
2018/10/13 Python
python模块导入的细节详解
2018/12/10 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
Pycharm debug调试时带参数过程解析
2020/02/03 Python
matplotlib制作雷达图报错ValueError的实现
2021/01/05 Python
英国最大的宝石首饰超市:QP Jewellers
2018/09/23 全球购物
倡导文明标语
2014/06/16 职场文书
党政领导班子群众路线对照检查材料思想汇报
2014/09/27 职场文书
房产协议书范本
2014/10/18 职场文书
诉讼和解协议书
2016/03/23 职场文书
CSS完成视差滚动效果
2021/04/27 HTML / CSS
javascript实现计算器功能详解流程
2021/11/01 Javascript