函数中的习惯性jQuery和选择器路径

Question

写这个函数ontop of jQuery的最佳方式是什么？

背景：我正在研究一个遗留的Web应用程序，它有很多问题。它要求我们插入一个IFrame来照顾几个“屏幕”。后来这段代码会被重构，但现在我们需要这个。

function openIframePage(selectorPath, url) { 
    if ($(selectorPath).length > 0) { 
     $('#ifrPage').attr('src', url); 
    } else { 
     $(selectorPath).append('<iframe id="ifrPage" src="' + url + '" />'); 
    } 
} 
function closeIframePage() { 
    $('#ifrPage').remove(); 
} 

有没有更好的方法来写这个？大多数人如何绕过选择器？或者他们传递jQuery对象本身？不寻找插件。谢谢。

Answer 1

我会让该函数以一个实际的jQuery对象作为参数，并在传递参数时调用$。
这意味着选择器只会被评估一次。

例如：

function openIframePage(elem, url) { 
    if (elem.length > 0) { 
     $('#ifrPage').attr('src', url); 
    } else { 
     elem.append('<iframe id="ifrPage" src="' + url + '" />'); 
    } 
} 

为了获得最大的灵活性，你可以写elem = $(elem)，然后传递几乎所有的东西。