脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jQuery中size()方法用法

jQuery中size()方法用法实例

 更新时间：2014年12月27日 11:08:42   投稿：shichen2014  
这篇文章主要介绍了jQuery中size()方法用法,实例分析了size()方法返回对象集合中元素数目的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jQuery中size()方法用法。分享给大家供大家参考。具体分析如下：

此方法可以返回jQuery对象集合中元素的数目。

size()方法的返回值与jQuery对象的length属性一致。

语法结构:

复制代码 代码如下:
$(selector).size()

实例代码:

复制代码 代码如下:

<!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").size());
  })
})
</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>

以上代码能够计算li元素的数量，并输出。

希望本文所述对大家的jquery程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • JQUERY CHECKBOX全选,取消全选,反选方法三

    JQUERY CHECKBOX全选,取消全选,反选方法三

    最近一直研究JQUERY的CHECKBOX,前面我已经介绍了CHECKBOX的全选和取消全选,而今天我继续给大家分享第三种方法,同时还能实现CHECKBOX的反选和指定选取,当然我们得先下载
    2008-08-08
  • jQuery ajax方法传递中文时出现中文乱码的解决方法

    jQuery ajax方法传递中文时出现中文乱码的解决方法

    这篇文章主要介绍了jQuery ajax方法传递中文时出现中文乱码的解决方法,涉及jQuery操作ajax的相关参数及编码的设置方法与注意事项,需要的朋友可以参考下
    2016-07-07
  • Jquery中attr与prop的区别详解

    Jquery中attr与prop的区别详解

    在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。下面这篇文章主要给大家介绍了Jquery中attr与prop区别的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。
    2017-05-05
  • jQuery Easyui datagrid连续发送两次请求问题

    jQuery Easyui datagrid连续发送两次请求问题

    用上述方式动态加载datagrid的数据时，通过net监听，发现调用了两遍XX方法，目前的解决方案是，将url放到datagrid初始化的时候执行
    2016-12-12
  • jquery 插件实现图片延迟加载效果代码

    jquery 插件实现图片延迟加载效果代码

    前几天上QQ的在线视频网站，看到上面的影片列表页的图片有这样一种效果：当向下拉动滚动条时下面的图片才开始加载，就是说它不会一下子把所有的图片都加载出来，拉动滚动条后用户看到了才会显示，这是一个很不错的用户体验。
    2010-02-02
  • 使用jQuery清空file文件域的解决方案

    使用jQuery清空file文件域的解决方案

    对一个文件域(input type=file)使用了验证后，我们总会希望把文件域中的值给清空了，在IE中，由于安全设置的原因，是不允许更改文件域的值的，接下来为大家介绍一下解决方法
    2013-04-04
  • jquery 漂亮的删除确认和提交无刷新删除示例

    jquery 漂亮的删除确认和提交无刷新删除示例

    jquery 漂亮的删除确认和提交无刷新删除,本例数据库结构很简单，就一个字段就行了，具体的实现代码如下，感兴趣的朋友可以参考下
    2013-11-11
  • jquery 框架使用教程 AJAX篇

    jquery 框架使用教程 AJAX篇

    正好项目中准备使用thickbox，于是干脆抛弃prototype.js，看起jquery.js了。JQuery确实不错，体积比Prototype小了许多，而且使用起来更方便更灵活。有人说Prototype像JAVA，正统；而JQuery像Ruby，灵活，更趋于OOP。
    2009-10-10
  • jQuery插件MovingBoxes实现左右滑动中间放大图片效果

    jQuery插件MovingBoxes实现左右滑动中间放大图片效果

    本篇文章主要介绍jQuery中MovingBoxes左右滑动放大图片插件示例，实现左右滑动和放大效果，有兴趣的可以了解一下。
    2017-02-02
  • 今天抽时间给大家整理jquery和ajax的相关知识

    今天抽时间给大家整理jquery和ajax的相关知识

    jquery ajax
    2015-11-11

最新评论