如何解决当我单击按钮时按钮消失
当我单击button1
时,我希望它消失并显示button2
和button3
。当我单击button3
时,我希望它返回显示button1
的页面。我试图基于此代码,但无法实现。请帮忙。
我的HTML:
<div class="buttons">
<button id="button1" value="button">
button1-t
</button>
<button id="button2" value="new tab" style="display: none;">
button2-t
</button>
</div>
我的JS:
$(function () {
$('#button1').on('click',function () {
$('#button2').show();
});
});
解决方法
我建议使用“隐藏”属性。
HTML代码
<div class="buttons">
<button id="button1" value="button">
button1-t
</button>
<button id="button2" value="new tab" hidden>
button2-t
</button>
</div>
JS代码
$(function () {
$('#button1').on('click',function () {
$('#button2').removeAttr("hidden");
$("#button1").attr("hidden",true);
});
$('#button2').on('click',function () {
$('#button1').removeAttr("hidden");
$("#button2").attr("hidden",true);
});
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。