jQuery中children()方法用法實例
本文實例講述了jQuery中children()方法用法。分享給大家供大家參考。具體分析如下:
此方法取得一個包含匹配元素集合中每一個元素的所有子元素的元素集合。
可以通過可選的表達式來過濾所匹配的子元素。
注意:find()將查找所所有子元素,而children()只獲取一級子元素。
語法結(jié)構(gòu):
參數(shù)列表:
實例代碼:
實例一:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>children()函數(shù)-腳本之家</title>
<style type="text/css">
p{
border:1px solid blue
}
.children{
border:1px solid green;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".father").children().css("height","100px");
})
</script>
</head>
<body>
<div class="father">
<div class="children">
<p>我是孫子p</p>
</div>
<p>我是兒子p</p>
</div>
<p>我是兄弟p</p>
</body>
</html>
此方法只匹配一級子元素。
實例二:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>children()-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".father").children(".children").css("color","red");
})
</script>
</head>
<body>
<div class="father">
<div class="children">
<p>我是孫子p</p>
</div>
<p>我是兒子p</p>
</div>
<p>我是兄弟p</p>
</body>
</html>
以上代碼可以將處class屬性值為children的子元素中的字體顏色設(shè)置為紅色。
相關(guān)文章
jQuery實現(xiàn)表格元素動態(tài)創(chuàng)建功能
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)表格元素動態(tài)創(chuàng)建功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-01-01Jquery網(wǎng)頁出現(xiàn)的亂碼問題的三種解決方法
很多時候,在網(wǎng)上下的一些Jquery插件,在頁面運行時出現(xiàn)亂碼問題,我總結(jié)了三點,希望對大家有所幫助:2013-06-06jQuery中調(diào)用WebService方法小結(jié)
以前在寫ajax請求時,總是喜歡使用jQuery+ashx的方式進行調(diào)用,今天采取jQuery+WebService的方法來做ajax請求,發(fā)現(xiàn)這種方式比使用ashx的方式要更方便。2011-03-03jquery遍歷table的tr獲取td的值實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query遍歷table的tr獲取td的值實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05jQuery插件FusionCharts繪制的3D餅狀圖效果實例【附demo源碼下載】
這篇文章主要介紹了jQuery插件FusionCharts繪制的3D餅狀圖效果,結(jié)合完整實例形式分析了基于FusionCharts圖形插件繪制餅狀圖的操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery拖動div、移動div、彈出層實現(xiàn)原理及示例
正如標(biāo)題所言的實現(xiàn)原理是使div的position為絕對定位absolute,然后控制其top與left值,需要的朋友可以參考下2014-04-04