<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
* {
padding: 0;
margin: 0;
}
div {
height: 300px;
width: 700px;
}
div p,
div h1,
div h2 {
float: left;
width: 100px;
height: 100px;
background-color: #ccc;
margin-left: 10px;
}
</style>
</head>
<body>
<div class="box">
<p></p>
<p></p>
<h1 class="active">haha</h1>
<p></p>
<p class="active"></p>
<h2>hehe</h2>
</div>
<div class="box">
<p></p>
<p></p>
<h1 class="active">haha</h1>
<p></p>
<p class="active"></p>
<h2>hehe</h2>
</div>
<script src="./jquery-1.12.1.min.js"></script>
<script>
// 對每個box的第一個兒子設(shè)置背景色為紅色 以下做法不正確
//$(".box").children().eq(0).css("background","red");//只是讓第一個p的背景色發(fā)生變化
$('.box').each(function(){
$(this).children().eq(0).css('background-color','red');
})
</script>
</body>
</html>
08jquery的each的用法
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來卓缰，“玉大人，你說我怎么就攤上這事砰诵≌骰＃” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵茁彭，是天一觀的道長总寒。 經(jīng)常有香客問我，道長理肺，這世上最難降的妖魔是什么摄闸？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮妹萨，結(jié)果婚禮上年枕，老公的妹妹穿的比我還像新娘。我一直安慰自己乎完，他們只是感情好熏兄，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般摩桶。 火紅的嫁衣襯著肌膚如雪桥状。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼变汪，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了蚁趁？” 一聲冷哼從身側(cè)響起裙盾，我...
- 正文 年R本政府宣布荷憋，位于F島的核電站台颠，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏勒庄。R本人自食惡果不足惜串前，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望实蔽。 院中可真熱鬧荡碾，春花似錦、人聲如沸局装。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至阶冈，卻和暖如春闷尿，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背女坑。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 1. 三者都可用來概括全體，但強調(diào)重點不同：all是整體性地考慮總體瓮钥，every 是考慮總體中的所有成員(與all...
- 先定義一個數(shù)組用來存遍歷后的數(shù)據(jù)吧 var names = [];然后注意看了筋量！ this.comp('c...
- each()方法能使DOM循環(huán)結(jié)構(gòu)簡潔，不容易出錯碉熄。each()函數(shù)封裝了十分強大的遍歷功能桨武，使用也很方便，它可以...
- 1锈津、選擇器+遍歷 $('div').each(function (i){ i就是索引值 this 表示獲取遍歷每一...
