jQuery中DOM元素的獲取get方法
jQuery是一個合集對象,如果需要單獨操作合集中的的某一個元素,可以通過.get()方法獲取到
以下有3個a元素結(jié)構(gòu):
<a>1</a>
<a>2</a>
<a>3</a>
通過jQuery獲取所有的a元素合集$("a"),如果想進(jìn)一步在合集中找到第二2個dom元素單獨處理,可以通過get方法
語法:
.get( [index ] )
注意2點
- get方法是獲取的dom對象,也就是通過document.getElementById獲取的對象
- get方法是從0開始索引
所以第二個a元素的查找: $(a).get(1)
負(fù)索引值參數(shù)
get方法還可以從后往前索引,傳遞一個負(fù)索引值,注意的負(fù)值的索引起始值是-1
同樣是找到第二元素,可以傳遞 $(a).get(-2)
具體的使用可以通過右邊的代碼學(xué)習(xí)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<style>
a {
font-size: 30px;
font-weight: 900;
}
div {
width: 200px;
height: 100px;
background-color: yellow;
color: red;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<h2>get方法</h2>
<div id="aaron">
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
<a>5</a>
</div>
<select id="animation">
<option value="1">get正數(shù)索引參數(shù)</option>
<option value="2">get負(fù)數(shù)索引參數(shù)</option>
</select>
<input id="exec" type="button" value="點擊執(zhí)行">
<script type="text/javascript">
$("#exec").click(function() {
var v = $("#animation").val();
var $aaron = $("#aaron a");
//通過get找到第二個a元素,并修改藍(lán)色字體
if (v == "1") {
$aaron.get(1).style.color = "blue"
} else if (v == "2") {
//通過get找到最后一個a元素,并修改字體顏色
$aaron.get(-1).style.color = "#8A2BE2"
}
});
</script>
</body>
</html>
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求