删除使用appendTo放置的样式

Question

我使用.appendTo使用下面的jQuery在我的文档的头部放置样式：

$("<style type='text/css'> #sb-container{ visibility: visible !important; display: block !important;} #sb-overlay{ opacity: 0.5 !important; } </style>").appendTo("head");

此代码在函数开头被触发。在函数结束时，我想删除我放置的样式。

我将如何使用jQuery执行此操作？也许有办法切换附加的代码？只有当它不存在时才会被放置，如果它存在，它将永远被删除。

Answer 1

只需将代码放在变量中：

var $codePlace = $("<style type='text/css'> #sb-container{ visibility: visible !important; display: block !important;} #sb-overlay{ opacity: 0.5 !important; } </style>");

 // Then use the $.appendTo() function
 $codePlace.appendTo("head");


... Other code to be executed ...


// When you want the code to be removed just use
$codePlace.remove();