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 相关文章推荐
XML的代替者----JSON
Jul 21 Javascript
js列举css中所有图标的实现代码
Jul 04 Javascript
jquery获取tr中控件值并操作tr实现思路
Mar 27 Javascript
基于jQuery插件实现环形图标菜单旋转切换特效
May 15 Javascript
javascript中checkbox使用方法简单实例演示
Nov 17 Javascript
再谈Javascript中的基本类型和引用类型(推荐)
Jul 01 Javascript
angularjs指令之绑定策略(@、=、&amp;)
Apr 13 Javascript
Angular2学习教程之ng中变更检测问题详解
May 28 Javascript
Angularjs的$http异步删除数据详解及实例
Jul 27 Javascript
JavaScript动态绑定详解
Sep 14 Javascript
微信小程序动态增加按钮组件
Sep 14 Javascript
使用Mock.js生成前端测试数据
Dec 13 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
支持oicq头像的留言簿(一)
2006/10/09 PHP
利用static实现表格的颜色隔行显示的代码
2007/09/02 PHP
session在PHP大型web应用中的使用
2011/06/25 PHP
PHPStrom中实用的功能和快捷键大全
2015/09/23 PHP
YII Framework框架教程之日志用法详解
2016/03/14 PHP
ThinkPHP模板Volist标签嵌套循环输出多维数组的方法
2016/03/23 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
PHP常见数组排序方法小结
2018/08/20 PHP
javascript 对象定义方法 简单易学
2009/03/22 Javascript
juqery 学习之三 选择器 简单 内容
2010/11/25 Javascript
全系IE支持Bootstrap的解决方法
2015/10/19 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
2016/06/12 Javascript
HTML5 js实现拖拉上传文件功能
2020/11/20 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
2017/04/11 Javascript
Node+Express+MongoDB实现登录注册功能实例
2017/04/23 Javascript
详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
2017/06/17 Javascript
vuex state及mapState的基础用法详解
2018/04/19 Javascript
Vue实现侧边菜单栏手风琴效果实例代码
2018/05/31 Javascript
利用Node.js如何实现文件循环覆写
2019/04/05 Javascript
layui清空,重置表单数据的实例
2019/09/12 Javascript
[02:30]辉夜杯主赛事第二日胜者组半决赛 CDEC.Y赛后采访
2015/12/26 DOTA
最大K个数问题的Python版解法总结
2016/06/16 Python
Python编程实现的简单神经网络算法示例
2018/01/26 Python
python实现微信远程控制电脑
2018/02/22 Python
python操作文件的参数整理
2019/06/11 Python
学python安装的软件总结
2019/10/12 Python
基于python监控程序是否关闭
2020/01/14 Python
opencv python 对指针仪表读数识别的两种方式
2021/01/14 Python
mui几种页面跳转方式对比总结概括
2017/08/18 HTML / CSS
Weblogic的布署方式
2013/08/23 面试题
DataReader和DataSet的异同
2014/12/31 面试题
就业推荐表自我鉴定
2013/10/29 职场文书
乡镇总工会学雷锋活动总结
2014/03/01 职场文书
药店采购员岗位职责
2014/09/30 职场文书
建筑专业毕业生求职信
2014/09/30 职场文书
MySQL解决Navicat设置默认字符串时的报错问题
2022/06/16 MySQL