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高级程序设计(第3版)学习笔记13 ECMAScript5新特性
Oct 11 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
Nov 07 Javascript
javascript 构造函数方式定义对象
Jan 02 Javascript
使用AngularJS实现表单向导的方法
Jun 19 Javascript
JavaScript function函数种类详解
Feb 22 Javascript
Kindeditor在线文本编辑器如何过滤HTML
Apr 14 Javascript
jquery获取所有选中的checkbox实现代码
May 26 Javascript
详解jQuery中的事件
Dec 14 Javascript
node.js博客项目开发手记
Mar 16 Javascript
剖析Angular Component的源码示例
Mar 23 Javascript
一百行JS代码实现一个校验工具
Apr 30 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
Mar 29 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/10/11 PHP
MySql数据库查询结果用表格输出PHP代码示例
2015/03/20 PHP
PHP判断表达式中括号是否匹配的简单实例
2016/10/22 PHP
JavaScript 学习初步 入门教程
2010/03/25 Javascript
取得元素的左和上偏移量的方法
2014/09/17 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
jQuery DOM删除节点操作指南
2015/03/03 Javascript
JQuery自适应窗口大小导航菜单附源码下载
2015/09/01 Javascript
详解javascript跨浏览器事件处理程序
2016/03/27 Javascript
基于JavaScript实现前端文件的断点续传
2016/10/17 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
2017/04/13 Javascript
JS图片预加载插件详解
2017/06/21 Javascript
微信小程序用户自定义模版用法实例分析
2017/11/28 Javascript
基于JavaScript实现每日签到打卡轨迹功能
2018/11/29 Javascript
优雅的将ElementUI表格变身成树形表格的方法步骤
2019/04/11 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
2019/04/19 Javascript
[30:51]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第一局
2016/03/04 DOTA
使用IPython下的Net-SNMP来管理类UNIX系统的教程
2015/04/15 Python
Python while、for、生成器、列表推导等语句的执行效率测试
2015/06/03 Python
python制作爬虫爬取京东商品评论教程
2016/12/16 Python
对python pandas读取剪贴板内容的方法详解
2019/01/24 Python
导入tensorflow:ImportError: libcublas.so.9.0 报错
2020/01/06 Python
python高阶函数map()和reduce()实例解析
2020/03/16 Python
英国最大的LED专业零售商:Led Hut
2018/03/16 全球购物
Audible英国:有声读物,30天免费试用
2019/10/16 全球购物
Java语言的优势
2015/01/10 面试题
冰淇淋店创业计划书范文
2013/12/27 职场文书
给领导的致歉信范文
2014/01/13 职场文书
主管会计岗位职责
2014/03/13 职场文书
新闻传播专业求职信
2014/07/22 职场文书
竞选班干部演讲稿600字
2014/08/20 职场文书
森马旗舰店双十一营销方案
2014/09/29 职场文书
2015年体育教师个人工作总结
2015/05/12 职场文书
学生会自荐信
2019/05/16 职场文书
PHP中->和=>的意思
2021/03/31 PHP