jquery修改带有Web前端开发中,经常需要通过jquery修改CSS样式,但是需要修改样式属性中含有!important时,通过简单的.css()方式则修改不了,例如$(".test").css("width","100px"),则修改无效,下面介绍jquery修改带有!important的样式的方法。

jquery修改带有

例如:有以下带有!important样式的HTML页面,要想修改li的width

  •  
  • 
    <style>
    li.test{
      width:auto !important;
      overflow:auto !important
    }
    </style>
    
    <li class="test">http://www.studyofnet.com</li>
    
    		
  • 一、错误方法:

    1、$("li.test").css("width","100px");

    2、$("li.test").css("width","100px !important");

    以上两种方式都无效。

    二、可行方法:

  •  
  • 
    $("li.test").css("cssText", "width:650px !important;");
    
    		
  • 三、如果带有多个!important的样式,其修改方法如下

  •  
  • 
    $("li.test").css("cssText", "width:650px !important;overflow:hidden !important");
    
    		
  • 标签: