jQuery選擇器之元素選擇器
元素選擇器:根據(jù)給定(html)標(biāo)記名稱選擇所有的元素
描述:
$( "element" )
搜索指定元素標(biāo)簽名的所有節(jié)點(diǎn),這個是一個合集的操作。同樣的也有原生方法getElementsByTagName()函數(shù)支持
右邊編輯器代碼所示:
第一組:通過getElementsByTagName方法得到頁面所有的<div>元素
var divs = document.getElementsByTagName('div');
divs是dom合集對象,通過循環(huán)給每一個合集中的<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://yifanck.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的元素
//給每一個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)簽是可以多個的,所以得到的同樣也是一個合集
?.css("border", "3px solid red");
</script>
</body>
</html>
請驗(yàn)證,完成請求
由于請求次數(shù)過多,請先驗(yàn)證,完成再次請求