jquery单击添加类并切换div

当我单击两次时，活动类切换保持继续单击两次时有停止的方法吗？还是有更好的方法

$（文档）。在（'click'，'btnsbs.btn'，函数（e）{
$（this.addClass（'active'）.sides（）.removeClass（'active'）；
$（“.form”）.toggle（）；
});

购买
卖
表格购买
表格销售
您可以使用一些if-else语句，例如：


$（文档）。在（'click'，'btnsbs.btn'，函数（e）{
var$this=$（this）；
//只需检查正在单击的类的按钮，就可以了解如何使用hasClass
如果（$this.hasClass（'btn-buy'））{
//然后设置表单元素的文本
$（“.form”）.text（“form Buy”）；
控制台日志（“出售”）；
}
else if（$this.hasClass（'btn-sell'））{
$（“.form”）.text（“表格销售”）；
控制台日志（“购买”）；
};
});

购买
卖
您可以使用一些if-else语句，例如：


$（文档）。在（'click'，'btnsbs.btn'，函数（e）{
var$this=$（this）；
//只需检查正在单击的类的按钮，就可以了解如何使用hasClass
如果（$this.hasClass（'btn-buy'））{
//然后设置表单元素的文本
$（“.form”）.text（“form Buy”）；
控制台日志（“出售”）；
}
else if（$this.hasClass（'btn-sell'））{
$（“.form”）.text（“表格销售”）；
控制台日志（“购买”）；
};
});

购买
卖
如何使用
disabled
属性，这将禁用按钮并防止用户两次单击同一按钮


$（文档）.ready（函数（）{
$（文档）.on（'click'，'btnsbs.btn.active'，函数（e）{
$（this）.addClass（'active'）.sides（）.removeClass（'active'）；//删除默认的活动类
$（“.form”）.toggle（）；
});
$（文档）.on（'click'，'#btnsbs.btn'，函数（e）{
$（'.btn.active'）.removeAttr（'disabled'）；//重置所有禁用的按钮
$（this.addClass（'active'）.sides（）.removeClass（'active'）；
$（this.attr（'disabled'，'disabled'）；//单击后禁用按钮
$（“.form”）.toggle（）；
});
});

购买
卖
表格购买
表格销售
如何使用
disabled
属性，这将禁用按钮并防止用户两次单击同一按钮


$（文档）.ready（函数（）{
$（文档）.on（'click'，'btnsbs.btn.active'，函数（e）{
$（this）.addClass（'active'）.sides（）.removeClass（'active'）；//删除默认的活动类
$（“.form”）.toggle（）；
});
$（文档）.on（'click'，'#btnsbs.btn'，函数（e）{
$（'.btn.active'）.removeAttr（'disabled'）；//重置所有禁用的按钮
$（this.addClass（'active'）.sides（）.removeClass（'active'）；
$（this.attr（'disabled'，'disabled'）；//单击后禁用按钮
$（“.form”）.toggle（）；
});
});

购买
卖
表格购买
表格销售
这里有一个简单的方法，只需隐藏
表单
类onclick，并显示数据属性中提到的类：

说明：


$（'.form'）.hide（）将隐藏带有类
表单的所有表单

$（'.+$（this.attr（'data'））.show（）将显示带有类的表单，您在按钮的
数据
属性中提到过

$（this.attr（'disabled'，true）.sibbines（）.attr（'disabled'，false）-防止两次单击


示例：


$（'#btnsbs.btn'）。在（'click'，函数（e）上{
$（'.form'）.hide（）；
$（'.+$（this.attr（'data'））.show（）；
$（this.attr（'disabled'，true）.sides（）.attr（'disabled'，false）；
console.log（$（this.attr（'data'））；
});
.form{display:none；}

购买
卖
表格购买
表格销售
这里有一个简单的方法，只需隐藏
表单
类onclick，并显示数据属性中提到的类：

说明：


$（'.form'）.hide（）将隐藏带有类
表单的所有表单

$（'.+$（this.attr（'data'））.show（）将显示带有类的表单，您在按钮的
数据
属性中提到过

$（this.attr（'disabled'，true）.sibbines（）.attr（'disabled'，false）-防止两次单击


示例：


$（'#btnsbs.btn'）。在（'click'，函数（e）上{
$（'.form'）.hide（）；
$（'.+$（this.attr（'data'））.show（）；
$（this.attr（'disabled'，true）.sides（）.attr（'disabled'，false）；
console.log（$（this.attr（'data'））；
});
.form{display:none；}

购买
卖
表格购买
表格销售
不要切换，像上面的切换一样使用
addClass
和
removeClass
$（'.form'）.addClass（'active'）.sides（）.removeClass（'active'）；不要切换，使用
addClass
和
removeClass
就像上面的切换一样$（'.form'）.addClass（'active'）.sides（）.removeClass（'active'）；