jquery - document.getElementById 与 $ ("#something")

Question

您想解释一下两者之间的区别吗

document.getElementById("something") 

和

$("#something")

我正在尝试使用 ajax 上传文档，我意识到

var upl = document.getElementById('uplFile');
    console.log(upl.files);

返回一个对象但是

var upl = $('#uplFile');
    console.log(upl.files);

返回“未定义”

请解释一下差异。

Answer 1

我认为你的意思是:

document.getElementById("something")

和

$('#something')

第一个将返回具有指定 id 的 DOM 元素，或者 null。

第二个将返回一个 jQuery 对象，该对象要么包含具有指定 id 的 DOM 元素，要么是一个空的 jQuery 对象(长度 = 0)。

由于 jQuery 函数返回一个 jQuery 对象而不是元素，因此您必须从 jQuery 对象中获取该元素才能访问元素属性:

var upl = $('#uplFile');
console.log(upl[0].files);