删除CSS文件

我使用spring MVC和jsp页面进行演示，我有三个选项卡，假设A，B和C在一个jsp页面中。 在单击A选项卡时，css文件（如aa.css）正在加载头标记，并显示相应的div，单击B和C时的方式相同。主要问题是三次 。 正在加载CSS文件，它会相互覆盖。 此外，我想从头部删除css文件，使用jquery点击任何上面的选项卡，如下所示。

$("#A").click(function(){ alert("Remove bb and cc.css file form head tag"); }); 

任何想法都会对我有所帮助。

谢谢。

Answer 1

为标记指定一个id 。

并使用此代码 ：

 $("#A").click(function(){ $("#style1").attr("disabled", "disabled"); }); 

注意：虽然HTML标准中没有禁用属性，但HTMLLinkElement DOM对象上有一个disabled属性。

将disabled作为HTML属性使用是非标准的，仅供某些Microsoft浏览器使用。 不要使用它。 要获得类似的效果，请使用以下技术之一：

• 如果已将disabled属性直接添加到页面上的元素，则不要包含元素;
• 通过脚本设置DOM对象的disabled属性。

Answer 2

您可以通过禁用它来卸载css，如下所示：

 $("#A").click(function(){ $("link[href*=bb.css]").attr("disabled", "disabled"); $("link[href*=cc.css]").attr("disabled", "disabled"); $("link[href*=aa.css]").removeAttr("disabled"); }); 

Answer 3

您只需将该链接标记赋予id或类（例如id =“deleteMe”），然后将其删除，如下所示：

 $('head').find('link#deleteMe').remove(); 

所以在你的情况下，当你链接它们时，为每个文件添加id：

现在只删除Second.css，Third.css，你必须像这样编写你的jQuery：

 (function ($) { $('head').find('link#aa').remove(); $('head').find('link#bb').remove(); })(jQuery);