jQuery移除不了样式

发布网友发布时间：2022-05-29 14:27

共4个回答

热心网友时间：2023-10-21 08:01

.slt-test select{width:100px;}这个设置的是html的标签（select）的样式；

removeClass()跟addClass()是删除（添加）一个或多个的CSS类名，是html标签上class=“”里面的内容；

如：

<select name="slt" class="select aaa">
   <option value="">30</option>
   <option value="">30</option>
   <option value="">30</option>
  </select>
  $("select[name='slt']").removeClass("select");//删除select这个类
  $("select[name='slt']").removeClass();//删除select跟aaa俩个

you can:

.aaa{width:50px;}写成.slt-test select.aaa{width:50px;} js里直接addClass("aaa");就行了

.slt-test select{width:100px;}
.slt-test select.aaa{width:100px;}//这个级别高于前面那个，会把前面的给覆盖

浏览器解析：

热心网友时间：2023-10-21 08:02

JQuery的移除样式方法有多中：
1、使用removeClass()
2、使用attr("style","")
如果你用这两种方法移除不了那就说明你没有选择到DOM

热心网友时间：2023-10-21 08:02

.slt-test select{width:100px;}

这一句不是设置class，而是直接对select进行css设置。

.slt-test .select{width:100px;} 这样才是，注意select前面有个点 .

有点的才是类，才能用removeClass()操作。

所以不如你设置 css('width', 'auto');

热心网友时间：2023-10-21 08:03

slt-test select{width:100px;}

改成
.slt-test .select{width:100px;}
试试就可以了
<select name="slt" class="select">
<option value="">30</option>
<option value="">30</option>
<option value="">30</option>
</select>