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的ajaxSubmit()异步上传图片并保存表单数据演示代码
Jun 04 Javascript
jQuery圆形统计图开发实例
Jan 04 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
基于Javascript实现弹出页面效果
Jan 01 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
Nov 09 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
Jan 05 Javascript
vue.js中v-on:textInput无法执行事件问题的解决过程
Jul 12 Javascript
jQuery条件分页 代替离线查询(附代码)
Aug 17 jQuery
JS实现电话号码的字母组合算法示例
Feb 26 Javascript
vue弹出框组件封装实例代码
Oct 31 Javascript
vue实现按钮切换图片
Jan 20 Vue.js
关于antd tree 和父子组件之间的传值问题(react 总结)
Jun 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代码包装修正版
2008/03/15 PHP
php imagecreatetruecolor 创建高清和透明图片代码小结
2010/05/15 PHP
php连接mssql的一些相关经验及注意事项
2013/02/05 PHP
PHP排序二叉树基本功能实现方法示例
2018/05/26 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
php无限极分类实现方法分析
2019/07/04 PHP
JS宝典学习笔记(下)
2007/01/10 Javascript
解析jquery中的ajax缓存问题
2013/12/19 Javascript
JS实现灵巧的下拉导航效果代码
2015/08/25 Javascript
简单实现Bootstrap标签页
2020/08/09 Javascript
jQuery插件版本冲突的处理方法分析
2017/01/16 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
2017/03/06 Javascript
Vue.Draggable实现拖拽效果
2020/07/29 Javascript
jQuery length 和 size()区别总结
2018/04/26 jQuery
快速解决vue-cli在ie9+中无效的问题
2018/09/04 Javascript
ES6的Fetch异步请求的实现方法
2018/12/07 Javascript
使用node搭建自动发图文微博机器人的方法
2019/03/22 Javascript
微信小程序实现日历签到
2020/09/21 Javascript
十条建议帮你提高Python编程效率
2016/02/16 Python
Python下载指定页面上图片的方法
2016/05/12 Python
pandas的object对象转时间对象的方法
2018/04/11 Python
利用Python如何实现数据驱动的接口自动化测试
2018/05/11 Python
Python实现的列表排序、反转操作示例
2019/03/13 Python
简单了解python的break、continue、pass
2019/07/08 Python
keras处理欠拟合和过拟合的实例讲解
2020/05/25 Python
Python+unittest+requests+excel实现接口自动化测试框架
2020/12/23 Python
高性能装备提升营地:Kammok
2019/02/27 全球购物
德国便宜的宠物店:Brekz.de
2020/10/23 全球购物
成人大专自我鉴定范文
2013/10/19 职场文书
写求职信要注意什么问题
2014/04/12 职场文书
2014年物资管理工作总结
2014/12/02 职场文书
2014年财政工作总结
2014/12/10 职场文书
阿甘正传观后感
2015/06/01 职场文书
小学三年级作文之写景
2019/11/05 职场文书
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python
能让Python提速超40倍的神器Cython详解
2021/06/24 Python