删除CSS文件

Question

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

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

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

谢谢.

Answer 1

举一个id到<link>标签.

<link rel="stylesheet" href="style1.css" id="style1" />
<link rel="stylesheet" href="style2.css" id="style2" />

并使用此代码:

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

注意:虽然HTML标准中没有禁用属性,但HTMLLinkElement DOM对象上有一个disabled属性.

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

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

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");
});