jquery – 删除CSS文件

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

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

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

谢谢.

解决方法

为< link>提供ID标签.

<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>元素代替;>通过脚本设置DOM对象的disabled属性.