jquery获取指定类型子元素代码实例
本章节介绍一下如何获取指定类型的子元素，下面就通过代码实例做一下演示。
代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var len=$("#box").children().length;
$("#show").text(len);
});
</script>
</head>
<body>
<div id="box">
<div>实例</div>
<div>实例</div>
<ul>
<li>div教程</li>
<li>css教程</li>
<li>url是softwehy</li>
</ul>
</div>
<div id="show"></div>
</body>
</html>上面的代码实现了我们的要求，可以获取box元素下第一级子元素的数目。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var len=$("#box").children("div").length;
$("#show").text(len);
});
</script>
</head>
<body>
<div id="box">
<div>实例</div>
<div>实例</div>
<ul>
<li>div教程</li>
<li>css教程</li>
<li>url是softwehy</li>
</ul>
</div>
<div id="show"></div>
</body>
</html>上面的代码可以获取box元素下第一级div子元素的数目。
（1）.children()方法可以参阅jQuery children()一章节。
（2）.text()方法可以参阅jQuery text()一章节。
声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至201542412@QQ.com举报，一经查实，本站将立刻删除。
相关推荐
-
获取元素在页面中的坐标位置代码实例
本章节分享一段代码实例，它实现了获取指定元素在页面汇总坐标的功能。代码实例如下
-
jQuery如何创建一个新的元素对象
使用jQury创建一个新元素对象非常的简单，下面就是一个非常简单的方式。代码如下:vr $div=$(本站的url地址是实例3)当然生成的也是一个jQury对象，
-
outline两层边框代码实例
使用outlin属性可以实现多层边框效果。代码实例如下r co
-
checkbox复选框美化代码实例
默认状态下，chckbox复选框并不美观，虽然满足基本的需要。但是在美观度要求很高的网站中，实在是不堪入目，所以需要进行格外的美化。下面分享一个代码实例，它实现了复选框的美化效果。代码如下:!DO
-
<input type="file">美化效果代码实例
关于这里就不介绍了，大家应该都不会陌生。但是它默认的样式实在是丑陋，难登大雅之堂，下面就分享一段代码实例，它实现了对此控件的美化效果。代码实例如下:
