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 相关文章推荐
JavaScript多线程的实现方法
May 08 Javascript
js控制的遮罩层实例介绍
May 29 Javascript
原始的js代码和jquery对比体会
Sep 10 Javascript
javascript中的nextSibling使用陷(da)阱(keng)
May 05 Javascript
jQuery实现的原图对比窗帘效果
Jun 15 Javascript
实现隔行换色效果的两种方式【实用】
Nov 27 Javascript
webpack配置的最佳实践分享
Apr 21 Javascript
vue实现表格数据的增删改查
Jul 10 Javascript
浅谈Vue.js 1.x 和 2.x 实例的生命周期
Jul 25 Javascript
JS实现前端缓存的方法
Sep 21 Javascript
Vue页面骨架屏注入方法
May 13 Javascript
Vue登录注册并保持登录状态的方法
Aug 17 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
基于mysql的bbs设计(二)
2006/10/09 PHP
PHP设计模式之观察者模式定义与用法分析
2019/04/04 PHP
Javascript 构造函数 实例分析
2008/11/26 Javascript
关于query Javascript CSS Selector engine
2013/04/12 Javascript
javascript检查表单数据是否改变的方法
2013/07/30 Javascript
js图片模糊切换显示特效的方法
2015/02/17 Javascript
jquery实现从数组移除指定的值
2015/06/24 Javascript
jquery过滤特殊字符',防sql注入的实现方法
2016/08/17 Javascript
js canvas实现红包照片效果
2018/08/21 Javascript
微信小程序实现张图片合成为一张并下载
2019/07/16 Javascript
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
2019/07/25 Javascript
js前端如何写一个精确的倒计时代码
2019/10/25 Javascript
vue双向绑定数据限制长度的方法
2019/11/04 Javascript
基于JS判断对象是否是数组
2020/01/10 Javascript
extjs4图表绘制之折线图实现方法分析
2020/03/06 Javascript
VUE中V-IF条件判断改变元素的样式操作
2020/08/09 Javascript
vue使用vant中的checkbox实现全选功能
2020/11/17 Vue.js
python实现的简单文本类游戏实例
2015/04/28 Python
Python 字符串与二进制串的相互转换示例
2018/07/23 Python
python删除字符串中指定字符的方法
2018/08/13 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
Python3 翻转二叉树的实现
2019/09/30 Python
Python3.8安装Pygame教程步骤详解
2020/08/14 Python
详解pycharm配置python解释器的问题
2020/10/15 Python
如何用python 操作zookeeper
2020/12/28 Python
Html5百叶窗效果的示例代码
2017/12/11 HTML / CSS
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
美国户外运动商店:Sun & Ski
2018/08/23 全球购物
Loreto Gallo英国:欧洲领先的在线药房
2021/01/21 全球购物
如何在Oracle中查看各个表、表空间占用空间的大小
2015/10/31 面试题
给老婆的婚前保证书
2014/02/01 职场文书
单位授权委托书范文
2014/08/02 职场文书
普通党员整改措施
2014/10/24 职场文书
2015年法制宣传月活动总结
2015/03/26 职场文书
《月歌。》宣布制作10周年纪念剧场版《RABBITS KINGDOM THE MOVIE》
2022/04/02 日漫