javascript - 删除并添加 CSS 文件

Question

我正在删除一个 css 文件并在单击时添加该文件

删除我正在使用的文件

$('link[title="mystyle"]').remove();

有什么方法可以在删除该文件后将该文件添加回 DOM 吗？

Answer 1

是的，只需保留对它的引用，并在需要将其放回原处时append/appendTo即可。

删除:

var link = $('link[title="mystyle"]').remove();

稍后，当您想将其放回去时:

link.appendTo('head');

下面是一个使用 Stack Snippet 中的 style 元素执行此操作的示例，但它对于 link 的工作原理相同:

var style = null;
setInterval(function() {
  if (style) {
    style.appendTo('head');
    style = null;
  } else {
    style = $("style").remove();
  }
}, 800);

p {
  color: green;
}

<p>Testing 1 2 3</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>