javascript - 我如何更改按钮文本和类,如切换

标签 javascript jquery html css frontend

我如何更改按钮文本和类,如切换,默认为蓝色,文本显示 onlick 它应该更改为隐藏白色按钮背景。

<button class="btn exam-int-btn">Show</button>

jsFiddle here

最佳答案

使用 <span>

<button class="btn exam-int-btn">
<span>Show</span>
<span style="display:none">Hide</span>
</button>

CSS:

.white {background-color:#fff !important;color:#000}

jQuery:

$(document).ready(function() {
    $('button').on('click',function() {
        $(this).toggleClass('white').find('span').toggle();
    });
});

fiddle : https://jsfiddle.net/nop97njv/

关于javascript - 我如何更改按钮文本和类,如切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46109109/

相关文章:

javascript - 样式更改未使用 javascript 生效

javascript - 从 Highcharts x 轴中删除日期时间

jquery - 使用 Vuejs 的日期选择器

javascript - 更改 Img 中的数据缩放 HTML

javascript - 将 onclick 事件添加到禁用字段

javascript - 有没有办法从 Mongoose 模型实例中获取模型名称?

javascript - 两个html时间输入之间的区别

javascript - 如何在 jQuery 中以 12 小时格式设置 datetimepicker

jquery - jQuery问题分配变量

html - 如何将 3 列全尺寸排成一行?