AI摘要

本文介绍了使用jQuery动态更改按钮上的图标或文字的两种方法。第一种方法是通过attr和prop函数修改按钮的value属性,适用于不同版本的jQuery。第二种方法是通过html和text函数修改按钮的HTML内容,其中html函数支持修改图标,而text函数只支持修改文本。
本文介绍了使用jQ

使用jQuery代码修改按钮button的文字

第一种方式:

<input type='button' value='Add' id='btnAddProfile'>
<script>
$("#btnAddProfile").attr('value', 'Save'); //jquery 低于1.6版的操作办法
</script>

<input type='button' value='Add' id='btnAddProfile'>
<script>
$("#btnAddProfile").prop('value', 'Save'); //jquery 1.6之后的操作办法
</script>

第二种方式:

<button id='btnAddProfile' type='button'>Add</button>
<script>
$("#btnAddProfile").html('Save'); // 支持修改图标
$("#btnAddProfile").text('Save'); // 只支持修改文本
</script>


最后修改:2019 年 12 月 23 日
点赞的人是最酷的