jQuery get()

admin發表於2017-02-20

此方法可以返回匹配元素集合中指定索引的dom元素。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
.get([index ])

引數解析:

index:可選從0開始計數,用來確定獲取哪個dom元素。可以是負數,那麼就是倒數。如果index值超出範圍,那麼返回undefined。如果不提供該引數,那麼返回所有匹配元素集合中的DOM節點,然後將它們存放在標準陣列中。

jQuery1.0版本新增。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  var li = $("li").get(1);
  li.style.color = "green";
})
</script>
</head>
<body>
  <ul>
    <li>螞蟻部落一</li>
    <li>螞蟻部落二</li>
    <li>螞蟻部落三</li>
    <li>螞蟻部落四</li>
  </ul>
</body>
</html>

將第二個li元素的字型顏色設定為綠色。

[HTML] 純文字檢視 複製程式碼執行程式碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<script type="text/javascript">
$(document).ready(function () {
  var str = "";
  var arr = $("li").get();
  var reverseArr = arr.reverse();
  for (var index = 0; index < reverseArr.length; index++) {
    str = str + reverseArr[index].innerHTML + "<br/>";
  }
  $("div").html(str);
})
</script>
</head>
<body>
  <ul>
    <li>螞蟻部落一</li>
    <li>螞蟻部落二</li>
    <li>螞蟻部落三</li>
    <li>螞蟻部落四</li>
  </ul>
  <div></div>
</body>
</html>

如果沒有引數,那麼將所有匹配元素放入一個標準陣列,然後用reverse()方法將陣列翻轉。

相關文章