jquery:是否有理由不将dom元素存储在变量中,而不是将它们附加到dom中?

我正在开发一个插件,它获取远程页面的一部分,并保存该部分以在jquery ui对话框小部件中使用;最初我将HTML附加到DOM并用 display:none 直到它被 $.dialog 但我意识到我可以把dom节点留在变量中。

有什么理由不这样做吗?下面是一个例子:

function makeDialogLink() {

    var HTML = $("<div />").load('file.html #container', function() {

        $('a#test').bind('click', function(e) {
            e.preventDefault();
            showDialog();
        }); 
    });

    function showDialog() {
        $(HTML).dialog({
            autoOpen : true,
            width  : opts.width,
            modal  : opts.modal,
            resizable : opts.resizeable,
            title  : opts.title
        });

        // some other stuff happens in here, and a setTimout
        closeDialog();
    }
    function closeDialog() {
        $(HTML).dialog('close');
    }
}

我已经从实际工作中简化了这一点,但这很好地概括了我的问题所在。

如您所见,我已经加载了远程文档的一部分,我将它弹出到一个对话框中,稍后关闭该对话框,但我从未将提取的HTML直接附加到DOM。( $对话框 当然是在某个时候做的)。

有什么理由不这样做吗?看起来好多了,然后把HTML推到一个隐藏的DIV中,然后再把它取出来。我只是想知道是否有一些陷阱,我不知道用这种方式在JavaScript中使用闭包。