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">美化效果代碼實例
關于這里就不介紹了，大家應該都不會陌生。但是它默認的樣式實在是丑陋，難登大雅之堂，下面就分享一段代碼實例，它實現了對此控件的美化效果。代碼實例如下:
