jQuery对象的length属性用法实例
更新时间：2014年12月27日 11:25:14 投稿：shichen2014
这篇文章主要介绍了jQuery对象的length属性用法,实例分析了length属性获取集合中对象数目的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery对象的length属性用法。分享给大家供大家参考。具体分析如下：
此属性返回匹配的jQuery对象集合中对象的数目。
length属性与size()方法返回相同的值。
语法结构:
复制代码 代码如下:
$("selector").length
实例代码:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<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程序设计有所帮助。
您可能感兴趣的文章:
- jQuery中size()方法用法实例
- jquery下div 的resize事件示例代码
- jquery得到font-size属性值实现代码
- jquery 实现的改变颜色与背景的代码 change(fontsize,background)补充2
- Jquery change(fontsize,background) 改变颜色与背景的代码
- 通过length属性判断jquery对象是否存在
- TextArea不支持maxlength的解决办法(jquery)
- jQuery maxlength文本字数限制插件
- JQuery为textarea添加maxlength属性的代码
- jQuery length 和 size()区别总结
相关文章
这篇文章主要为大家详细介绍了jquery+html仿翻页相册功能，前端实现的相册模仿功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
基于jquery的tab切换 使用的是js的原理。绑定鼠标经过事件实现的。2010-04-04
使用jQuery来加载一个外部的 css 文件，首先创建一个 link 元素，并将它添加到 标记中即可。那么基于jquery代码如何实现呢？下面小编给大家介绍jQuery动态加载css文件实现方法，需要的朋友参考下吧2016-06-06
jQuery EasyUI 中文API Button使用实例
jQuery EasyUI 中文API Button使用小结，需要的朋友可以参考下。2010-04-04
jQuery实现点击某个div打开层，点击其他div关闭层实例分析(阻止冒泡)
这篇文章主要介绍了jQuery实现点击某个div打开层，点击其他div关闭层的方法,结合实例形式分析了jQuery两种阻止冒泡实现弹出层的处理技巧,需要的朋友可以参考下2016-11-11
鼠标在搜索框中点击的时候里面的文字就消失了，经常会用到搜索框的获得焦点和失去焦点的事件，接下来介绍一下具体代码，感兴趣的朋友额可以参考下2013-04-04
学习开源框架，童鞋们最想学到的就是设计的思想和实现的技巧。最近研究jQuery源码，记录一下我对jquery的理解和心得，跟大家分享，权当抛砖引玉。2014-11-11
今天小编就为大家分享一篇关于jQuery AJAX与jQuery事件的分析讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-02-02
jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法，但是不能使用DOM的方法；例如$("#img").attr("src","test.jpg"); 这里的$("#img")就是jQuery对象；2009-04-04
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
这篇文章主要介绍了jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一,需要的朋友可以参考下2017-05-05
最新评论