javascript - JQuery - $(#).remove() 与 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") 不再为 null。如果我再次将其改回(更改为 document.getElementById)，那么就不再有问题了。为什么第二个选项总是找到那个div？ JQuery 对象是否以某种方式维护在某种缓存中？

注意:使用完全相同的设置/数据来测试这两种情况。

Answer 1

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

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