有没有办法切换.append()jQuery方法?

我想追加另一个img来代替plus.svg。 如果你们知道以某种方式切换.append()方法的方法,那就太好了。 我想在你点击它时更改CSS,然后基本上再次更改它。

  $(function(){ $("#btw").click(function(){ $("#btwl").slideToggle(300); $(this).append("#btw::before{content: url(minus.svg);width: 16px;eight: 16px;background-size: 16px 16px;background-repeat: no-repeat;vertical-align: middle;padding-right: 10px;}"); }); }); 

如果使用toggleClass可以达到相同的效果:

 $(this).toggleClass('selected'); 

然后在CSS样式表中执行以下操作:

 .selected::before { content: url(minus.svg); width: 16px; height: 16px; background-size: 16px 16px; background-repeat: no-repeat; vertical-align: middle; padding-right: 10px; } 

资料来源: http : //api.jquery.com/toggleClass/

你可以使用toggleClass 。
把所需的风格放在某个类下面然后做

  $("#btw").click(function(){ $(this).toggleClass("requiredClass"); }); 

使用toggleClass方法:

   

您可以通过为样式提供id来删除css

 $(function(){ $("#btw").click(function(){ $("#btwl").slideToggle(300); if($('#btwl').is(':hidden')) { $(this).append(""); } else { $('#toggle_css').remove(); } }); });