有没有办法切换.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(); } }); });