JQuery - $(#).remove() vs document.getelementbyid().remove

Question

最初，我有一个像这样的删除函数：

function ViewWorkflowDetail(btn, workflowId) {

      $("#workflowDetailPanel").remove();

      if (document.getElementById("workflowDetailPanel") == null) {
             // Do something usefull here
      }
}

效果很好。然而(本着尽可能多地使用JQuery的精神)，我将其更改为：

function ViewWorkflowDetail(btn, workflowId) {

      $("#workflowDetailPanel").remove();

      if ($("#workflowDetailPanel") == null) {
             // Do something usefull here
      }
}

但是现在$("#workflowDetailPanel")不再是空的了。如果我再次将其更改为document.getElementById)，那么就没有问题了。为什么第二个选项一直在寻找那个div呢？JQuery对象是否以某种方式在某种缓存中维护？

注意：--完全相同的设置/数据--用于测试两种情况。

Answer 1

它永远不会为空，因为如果元素不存在，jQuery将返回空数组，因此必须检查数组的长度。

  if ($("#workflowDetailPanel").length > 0) {
         // Do something usefull here
  }