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 相关文章推荐
html读出文本文件内容
Jan 22 Javascript
一段效率很高的for循环语句使用方法
Aug 13 Javascript
javascript之querySelector和querySelectorAll使用介绍
Dec 20 Javascript
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
js关闭父窗口时关闭子窗口
Apr 01 Javascript
jQuery获取对象简单实现方法小结
Oct 30 Javascript
JavaScript中Null与Undefined的区别解析
Jun 30 Javascript
JQuery动态添加Select的Option元素实现方法
Aug 29 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
Dec 13 Javascript
详解react-native-fs插件的使用以及遇到的坑
Sep 12 Javascript
微信小程序实现选择地址省市区三级联动
Jun 21 Javascript
通过实例解析chrome如何在mac环境中安装vue-devtools插件
Jul 10 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利用Cookie设置用户30分钟未操作自动退出功能
2017/07/03 PHP
PHP添加PNG图片背景透明水印操作类定义与用法示例
2019/03/12 PHP
jQuery 动画基础教程
2008/12/25 Javascript
TextArea 控件的最大长度问题(js json)
2009/12/16 Javascript
js控制div及网页相关属性的代码
2009/12/19 Javascript
jquery EasyUI的formatter格式化函数代码
2011/01/12 Javascript
jquery高效反选具体实现
2013/05/05 Javascript
3种不同方式的焦点图轮播特效分享
2013/10/30 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
2015/06/19 Javascript
好好了解一下Cookie(强烈推荐)
2016/06/14 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
2016/08/30 Javascript
PHP捕捉异常中断的方法
2016/10/24 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
为输入框加入数字js校验代码分享
2017/11/02 Javascript
深入剖析Express cookie-parser中间件实现示例
2018/02/01 Javascript
vue iview组件表格 render函数的使用方法详解
2018/03/15 Javascript
pm2发布node配置文件ecosystem.json详解
2019/05/15 Javascript
layui之table checkbox初始化时选中对应选项的方法
2019/09/02 Javascript
微信小程序实现一张或多张图片上传(云开发)
2019/09/25 Javascript
小程序跳转H5页面的方法步骤
2020/03/06 Javascript
整理Python中的赋值运算符
2015/05/13 Python
详解在Python中处理异常的教程
2015/05/24 Python
详解appium+python 启动一个app步骤
2017/12/20 Python
python实现猜数字游戏
2020/03/25 Python
python 中不同包 类 方法 之间的调用详解
2020/03/09 Python
Expedia印度:您的一站式在线旅游网站
2017/08/24 全球购物
娇韵诗加拿大官网:Clarins加拿大
2017/11/20 全球购物
什么造成了Java里面的异常
2016/04/24 面试题
Python文件操作的面试题
2013/06/22 面试题
办公室驾驶员岗位职责
2013/11/15 职场文书
总经理助理职责
2014/02/04 职场文书
爱情寄语大全
2014/04/09 职场文书
教师学习三严三实心得体会
2014/10/13 职场文书
2015年公司工作总结
2015/04/25 职场文书
个人廉政承诺书
2015/04/28 职场文书
雄兵连:第三季先行图公开,天使恶魔联合,银河之力的新力量
2021/06/11 国漫