jquery $()和document.getElementById

Question

为什么会这样

var drop = document.getElementById('sidebar-left');
if(drop.addEventListener) {
    drop.addEventListener('dragenter', handleDragover, false);
    drop.addEventListener('dragover', handleDragover, false);
    drop.addEventListener('drop', dropIn, false);
}

有效,但是

var drop = $('sidebar-left')[0];
if(drop.addEventListener) {
    drop.addEventListener('dragenter', handleDragover, false);
    drop.addEventListener('dragover', handleDragover, false);
    drop.addEventListener('drop', dropIn, false);
}

不起作用？据我所知,两者都应该有效.

Answer 1

jQuery $函数需要一个CSS选择器,而不是ID.

$('sidebar-left') 应该 $('#sidebar-left')

您可能会将它与$需要ID 的Prototype.js 函数混淆.