jQuery在附加到DOM之前从元素中生成变量

努力提高效率。在将元素附加到DOM之前，如何将其存储为变量？似乎创建它、附加它，然后再次查找它以生成变量是一种浪费

我的方法如下。OBV它将字符串保存为变量，而不是对象，但您知道了

对我来说有什么魔法吗？或者我必须做两次旅行吗

var $rGallery = '<section id="rGallery" />';

$bin.before($rGallery);

console.log($rGallery);

var$rGallery=''；
$bin.before（$rGallery）；
控制台日志（$rGallery）；

不确定您在这里要做什么，但是如果您想保存jQuery选择器的结果，您可以像保存任何其他变量一样：

var gallery = $("#rGallery");

如果要创建新元素并保存它，请执行以下操作：

var gallery = document.createElement("section");
// Do other stuff on it, like set attributes, etc.

并且可以将jQuery对象作为参数。您只需创建新对象，将其存储在变量中，然后将其传递给

.before（）

或

.append（）

快速示例：

​<代码>​​​​​​​​​​​​​​​​​​​​

var newElement;

$(document).ready(function() {

   newElement = $("<button>New button</button>");
   $("#bin").append(newElement);

   alert(newElement.text());
});​

var新元素；
$（文档）.ready（函数（）{
新元素=$（“新按钮”）；
$（“#bin”）.append（新元素）；
警报（newElement.text（））；
});​

Rad，没有意识到before（）可以接受对象而不是字符串@是的，我在保存我的答案后不久就意识到了这一点。Edited.accepted@jasontowne的答案，因为他解释了方法，并给出了技术答案。其中一些示例可能对您有用，也可能对您没有用处：