jquery - document.getElementById与$(“＃something”)

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

document.getElementById("something")

和

$("#something")

我试图使用ajax上传文档，但我意识到

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

返回一个对象，但是

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

返回“未定义”

请解释一下差异。

最佳答案

我认为您的意思是：

document.getElementById("something")

和

$('#something')

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

第二个将返回一个jQuery对象，该对象将包含具有指定ID的DOM元素，或者是一个空的jQuery对象（长度= 0）。

由于jQuery函数返回的是jQuery对象而不是元素，因此必须将元素从jQuery对象中取出才能访问元素属性：

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