用jQuery删除元素？

我不想使用style.css中的样式，所以我决定从DOM中删除style.css。 这在Firefox和IE8中运行得很好，但在IE6中却没有：

$("LINK[href='http://www.example.com/style.css']").remove(); 

使用jQuery的任何其他解决方案？

---

这是一个例子：
HTML：

        $(document).ready(function() { $("link[href*='style.css']").remove(); });     
...
   

这是CSS（style.css）：

 #content { background-color:#333; } 

仅在IE #content中仍然是黑暗的。 🙁
也许是jQuery的bug？

Answer 1

这不是jQuery中的错误，它是IE渲染引擎的错误（或可能是一个function）。

看来这个问题是由于从DOM中删除LINK元素后Internet Explorer没有正确地重新呈现页面这一事实。

在这种特殊情况下，DOM上不再存在LINK标记，但IE仍然显示已加载到内存中的CSS。

解决方法/解决方案是使用.disabled属性禁用样式表，如下所示：

 // following code will disable the first stylesheet // the actual DOM-reference to the element will not be removed; // this is particularly useful since this allows you to enable it // again at a later stage if you'd want to. document.styleSheets[0].disabled = true; 

编辑回复您的评论：

或者，如果要通过href删除它，请使用以下代码：

 var styleSheets = document.styleSheets; var href = 'http://yoursite.com/foo/bar/baz.css'; for (var i = 0; i < styleSheets.length; i++) { if (styleSheets[i].href == href) { styleSheets[i].disabled = true; break; } } 

Answer 2

也许IE6对href属性中的URL做了什么奇怪的事情？ 尝试以下方法：

 $("LINK[href*='style.css']").remove(); 

（即检查href值是否包含 “style.css”）

然而，这只是猜测。 如果这不起作用，我建议关于属性选择器和remove方法的主题密切检查JQuery文档。

还要记住，它实际上也是一个错误并非不可能。 （IE6通常会导致许多涉及JavaScript和DOM操作的问题，以及其他方面。）

Answer 3

主题很旧，但您只能在链接元素中添加ID，并按元素删除它：

 $("#id").remove(); 

Answer 4

也许在标签名称上使用小写？