如何使JQuery对象包含Dom对象的快照

how to make a JQuery Object contains a snapshot of Dom Object?

本文关键字:对象 快照 Dom 包含 JQuery 何使      更新时间:2023-09-26

我发现JQuery对象包含一个指向DOM对象的指针,并且JQuery对象的上下文会随着HTML的修改而改变。但是,我想记录日志,并且我不希望历史记录中的Jquery对象发生更改,我该怎么办?

jQuery对象包含DOM对象引用的内部列表。这些只是对页面中实际DOM对象的引用,而不是任何内容的副本。因此,如果这些DOM对象中的页面内容发生了更改,那么jQuery对象仍将引用现在具有更新内容的相同DOM对象。

如果您想从DOM中保存一些内容,以便在DOM更改时不会更改,那么您必须将这些内容从DOM对象复制到您创建的一些新DOM对象中,或者仅复制到其他Javascript变量中。

您可以使用jQuery克隆函数:https://api.jquery.com/clone/

var original = $('selector');
var copy = original.clone();

现在,如果您更改原始文件,副本将不会更改。