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 相关文章推荐
通过遮罩层实现浮层DIV登录的js代码
Feb 07 Javascript
IE中的File域无法清空使用jQuery重设File域
Apr 24 Javascript
jquery实现页面关键词高亮显示的方法
Mar 12 Javascript
javascript实现简单的页面右下角提示信息框
Jul 31 Javascript
原生JS轮播图插件
Feb 09 Javascript
详解Vue中状态管理Vuex
May 11 Javascript
vue中使用localstorage来存储页面信息
Nov 04 Javascript
vue  自定义组件实现通讯录功能
Sep 30 Javascript
微信小程序提交form操作示例
Dec 30 Javascript
使用webpack构建应用的方法步骤
Mar 04 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
Apr 19 Javascript
js继承的这6种方式!(上)
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 MySQL与分页效率
2008/06/04 PHP
一个PHP二维数组排序的函数分享
2014/01/17 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
jquery last-child 列表最后一项的样式
2010/01/22 Javascript
javascript 通用简单的table选项卡实现
2010/05/07 Javascript
ie下jquery.getJSON的缓存问题的处理方法
2013/03/29 Javascript
图片上传插件jquery.uploadify详解
2013/11/15 Javascript
jquery获取css中的选择器(实例讲解)
2013/12/02 Javascript
对table和ul实现js分页示例分享
2014/02/24 Javascript
页面装载js及性能分析方法介绍
2014/03/21 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
2014/04/04 Javascript
JavaScript操作Oracle数据库示例
2015/03/06 Javascript
jquery实现红色竖向多级向右展开的导航菜单效果
2015/08/31 Javascript
Node.js实现兼容IE789的文件上传进度条
2016/09/02 Javascript
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
2016/12/19 Javascript
基于Vue.js实现tab滑块效果
2017/07/23 Javascript
JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支
2019/07/04 Javascript
微信小程序 WXML节点信息查询详解
2019/07/29 Javascript
jQuery zTree树插件的使用教程
2019/08/16 jQuery
浅谈bootstrap layer.open中end的使用方法
2019/09/12 Javascript
详解vue3中组件的非兼容变更
2021/03/03 Vue.js
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
python脚本设置超时机制系统时间的方法
2016/02/21 Python
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
Python中的单行、多行、中文注释方法
2018/07/19 Python
Django基础知识 web框架的本质详解
2019/07/18 Python
python selenium登录豆瓣网过程解析
2019/08/10 Python
TensorFlow命名空间和TensorBoard图节点实例
2020/01/23 Python
在Python中实现字典反转案例
2020/12/05 Python
Tretorn美国官网:瑞典外套和鞋类品牌,抵御风雨
2018/07/19 全球购物
文件中有一组整数,要求排序后输出到另一个文件中
2012/01/04 面试题
四年级语文教学反思
2014/02/05 职场文书
购房个人委托书范本
2014/10/11 职场文书
房屋产权证明书
2014/10/15 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书
员工考勤管理制度
2015/08/06 职场文书