jQuery選擇器之元素選擇器
元素選擇器:根據(jù)給定(html)標(biāo)記名稱選擇所有的元素
描述:
$( "element" )
搜索指定元素標(biāo)簽名的所有節(jié)點(diǎn),這個(gè)是一個(gè)合集的操作。同樣的也有原生方法getElementsByTagName()函數(shù)支持
右邊編輯器代碼所示:
第一組:通過getElementsByTagName方法得到頁面所有的<div>元素
var divs = document.getElementsByTagName('div');
divs是dom合集對(duì)象,通過循環(huán)給每一個(gè)合集中的<div>元素賦予新的border樣式
第二組:同樣的效果,$("p")選取所有的<p>元素,通過css方法直接賦予樣式
任務(wù)
在代碼編輯器中第49行填寫相應(yīng)的代碼
$("p")
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<style>
div {
width: 100px;
height: 90px;
float: left;
padding: 5px;
margin: 5px;
background-color: #EEEEEE;
}
</style>
<script src="http://idcbgp.cn/static/lib/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div class="aaron">
<p>class="aaron"</p>
<p>選中</p>
</div>
<div class="aaron">
<p>class="aaron"</p>
<p>選中</p>
</div>
<div class="imooc">
<p>class="imooc"</p>
<p>jQuery選中</p>
</div>
<div class="imooc">
<p>class="imooc"</p>
<p>jQuery選中</p>
</div>
<script type="text/javascript">
//通過原生方法處理
//獲取到所有的節(jié)點(diǎn)標(biāo)記名為div的元素
//給每一個(gè)div加上藍(lán)色的邊框
var divs = document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
divs[i].style.border = "3px solid blue";
}
</script>
<script type="text/javascript">
//通過jQuery直接傳入標(biāo)簽名p
//標(biāo)簽是可以多個(gè)的,所以得到的同樣也是一個(gè)合集
?.css("border", "3px solid red");
</script>
</body>
</html>
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求