jq get(0) 問題
- jq get(0)問題
- 注:這裏所說的get不是ajax裏的get。
- get(): 將jq獲取的元素轉成js原生的元素
- 問題:爲什麼在用get的時候,哪怕只有一個元素,都需要寫參數0?
<!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>
div {
width: 100px;
height: 100px;
background: black;
margin: 0 auto;
}
</style>
<script src="./jquery-3.4.1.js"></script>
</head>
<body>
<div></div>
<script>
//jq中的get問題 這裏所說的get不是ajax裏的get
//get() 將jq獲取的元素轉成js原生的元素
//問題:爲什麼在用get的時候,需要寫參數0
console.log($('div').get(0).offsetWidth) //100
console.log($('div').get().offsetWidth) //undefined
//我們可以將$('div').get() 輸出一下看看
console.log($('div').get()); //div的數組
</script>
</body>
</html>
從上面的結果可以看出,get之後返回的是一個數組,哪怕他只有一個元素,所以我們在寫get的時候需要加參數0.