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翻页效果
Jul 23 Javascript
javascript中的有名函数和无名函数
Oct 17 Javascript
如何确保JavaScript的执行顺序 之实战篇
Mar 03 Javascript
caller和callee的区别介绍及演示结果
Mar 10 Javascript
JavaScript学习笔记之Cookie对象
Jan 22 Javascript
JS实现CheckBox复选框全选全不选功能
May 06 Javascript
JS使用Date对象实时显示当前系统时间简单示例
Aug 23 Javascript
jQuery扩展方法实现Form表单与Json互相转换的实例代码
Sep 05 jQuery
vue中更改数组中属性,在页面中不生效的解决方法
Oct 30 Javascript
angular中的post请求处理示例详解
Jun 30 Javascript
Vue自定义表单内容检查rules实例
Oct 30 Javascript
JavaScript中的宏任务和微任务详情
Nov 27 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/01/03 PHP
比较全面的PHP数组的使用方法小结
2010/09/23 PHP
PHP CodeBase:将时间显示为&quot;刚刚&quot;&quot;n分钟/小时前&quot;的方法详解
2013/06/06 PHP
解析thinkphp基本配置 convention.php
2013/06/18 PHP
PHP中使用hidef扩展代替define提高性能
2015/04/09 PHP
PHP实现补齐关闭的HTML标签
2016/03/22 PHP
php操作access数据库的方法详解
2017/02/22 PHP
禁止你的左键复制实用技巧
2013/01/04 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
JavaScript蒙板(model)功能的简单实现代码
2016/08/04 Javascript
jQuery如何跳转到另一个网页 就这么简单
2016/12/28 Javascript
深究AngularJS中ng-drag、ng-drop的用法
2017/06/12 Javascript
ES6学习教程之模板字符串详解
2017/10/09 Javascript
Vue.js实现分页查询功能
2020/11/15 Javascript
vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
2018/08/25 Javascript
Web安全之XSS攻击与防御小结
2018/12/13 Javascript
ES7之Async/await的使用详解
2019/03/28 Javascript
Vue封装全局过滤器Filters的步骤
2020/09/16 Javascript
[05:16]《大圣!大圣》——DOTA2新英雄齐天大圣配音李世宏老师专访
2016/12/13 DOTA
再谈Python中的字符串与字符编码(推荐)
2016/12/14 Python
详解tensorflow实现迁移学习实例
2018/02/10 Python
说说如何遍历Python列表的方法示例
2019/02/11 Python
Python 面向对象之封装、继承、多态操作实例分析
2019/11/21 Python
Keras 切换后端方式(Theano和TensorFlow)
2020/06/19 Python
佳能加拿大网上商店:Canon eStore Canada
2018/04/04 全球购物
Can a struct inherit from another struct? (结构体能继承结构体吗)
2016/09/25 面试题
优秀团员自我评价范文
2014/04/23 职场文书
质量标语大全
2014/06/12 职场文书
2014年导购员工作总结
2014/11/18 职场文书
2014年领班工作总结
2014/11/25 职场文书
护理专业自荐信范文
2015/03/06 职场文书
信息技术课教学反思
2016/02/23 职场文书
辞职信怎么写?你都知道吗?
2019/06/24 职场文书
小学五年级(说明文3篇)
2019/08/13 职场文书
MySQL连接控制插件介绍
2021/09/25 MySQL
MySQL 数据 data 基本操作
2022/05/04 MySQL