有没有办法切换.append()jQuery方法
Is there a way to toggle the .append() jQuery method?
我想用appendToggle另一个img来代替plus.svg。如果你们知道如何切换.append()
方法,那就太好了。我想在你点击CSS时更改它,然后再更改一次,基本上。
$(function(){
$("#btw").click(function(){
$("#btwl").slideToggle(300);
$(this).append("<style>#btw::before{content: url(minus.svg);width: 16px;eight: 16px;background-size: 16px 16px;background-repeat: no-repeat;vertical-align: middle;padding-right: 10px;}</style>");
});
});
如果使用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/
您可以通过向样式提供id来删除css
$(function(){
$("#btw").click(function(){
$("#btwl").slideToggle(300);
if($('#btwl').is(':hidden')) {
$(this).append("<style id='toggle_css'>#btw::before{content: url(minus.svg);width: 16px;eight: 16px;background-size: 16px 16px;background-repeat: no-repeat;vertical-align: middle;padding-right: 10px;}</style>");
} else {
$('#toggle_css').remove();
}
});
});
您可以使用toggleClass
将所需的样式放在某个类下并进行
$("#btw").click(function(){
$(this).toggleClass("requiredClass");
});
使用toggleClass方法:
<style style="text/css">
.before::before{
content: url(minus.svg);
width: 16px;
height: 16px;
background-size: 16px 16px;
background-repeat: no-repeat;
vertical-align: middle;
padding-right: 10px;
}
</style>
<script type="text/javascript">
$(function(){
$("#btw").click(function(){
$("#btwl").slideToggle(300);
$(this).toggleClass("before");
});
});
</script>
相关文章:
- 如何在扩展jQuery方法时传递参数
- 用jQuery方法扩展Zepto.js?scrollTop()
- 如何使用页面's的jQuery方法
- 在 JQUERY 中创建 HTML 后,Jquery 方法不起作用
- 下拉 jquery 方法发布表单不起作用
- jQuery方法未按预期工作-toggleClass
- jQuery 方法调用了两次
- jQuery方法添加一个TextBox
- 在coffeescript中链接jquery方法和参数
- 在jQuery方法中编写自定义属性的正确语法是什么
- 我的jquery方法没有'不起作用
- jQuery方法找不到选择器
- 单击按钮后需要jQuery方法重定向-ASP.NET、VB.NET、jQuery、Javascript
- 如何在jquery方法中创建一个if语句
- 在jQuery方法中实现Javascript变量
- 使用参数作为jQuery方法
- 对从Ajax返回的数据使用Jquery方法,不打印数据
- 如何通过 .ajax() jQuery 方法获取 Carrierwave 上传到 Amazon S3 的图像的 URL
- 如何调用 jQuery 方法
- 插件中的元素不接受 jQuery 方法