jquery - 引用一个新的动态创建的 div 类

Question

是否可以创建一个具有类名的 div，然后引用该 div 而不给它一个 ID？还是必须生成一个 ID？另外，我创建一个 div 的原因是因为我正在尝试为自己创建一个插件，该插件可能会在每个地方重复这个 div，但是我只想引用那个单个 div。

例如：

var newDiv = $("<div/>").addClass("newAdded");

$(parent).append(newDiv);

$(newDiv).css("background","purple");

这样的事情可能吗？我知道上面的代码不起作用，但希望这有助于说明我的想法。

Answer 1

是的，这是可能的，这是正确的方法。

newDiv已经是一个 jQuery 对象，所以不是$(newDiv)，而只是newDiv.

newDiv.css("background","purple");

Answer 2

引用将被保留：

// Create a new div and maintain a reference to it
var div = $("<div></div>").addClass("foo");

// Our div is a jQuery object
div.appendTo(parent);

// We still have a reference
div.text( "Text added after the appending has taken place" );

小提琴：http: //jsfiddle.net/jonathansampson/fwHAB/

Answer 3

由于您添加了新类，如果您失去了该 JavaScript 变量的范围，您还可以按类引用该变量：

$('.newAdded').css("background","purple");

Answer 4

您还可以在 append 语句中引用新的 div。

$(parent).append(newDiv).css("background","purple");