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.