如何使用 jQuery 更改按钮的文本？

这是使用 jQuery 更改按钮文本的问题。要完成此任务，我们可以使用以下两种方法：

1. prop() 方法：用于设置属性值，为被选元素设置一个或多个属性。

   句法：

   $(selector).prop(para1, para2)

   方法：
   • 从 元素中获取文本。
   • 在 para1 的基础上取第一个匹配的元素。
   • 将选定元素的值设置从 para1 更改为 para2。

   例子：

     
   
       
         Change the Text of a Button using jQuery
     
       
     
   
     
   
        
           GeeksForGeeks 
       
       Change the Text of a Button using jQuery
       
         Click on button to change text
         from "Click" to "Prop Click"
     
       
       
           $(document).ready(function() {
               $("input").click(function() {
                   // Change text of input button
                   $("#Geeks").prop("value", "Prop Click");
               });
           });
       
   
     

   输出：
   点击按钮前：
   
   点击按钮后：
   

2. html() 方法：它设置或返回被选元素的内容（innerHTML）。

   句法：

   $(selector).html(content)

   方法：
   • 从 元素中获取文本。
   • 它匹配选择器元素。
   • 将为所选元素设置的值更改为内容。

   例子：

     
   
       How to Change the Text of a 
         Button using jQuery?
       
     
   
     
   
        
           GeeksForGeeks 
       
       How to Change the Text of a Button using jQuery?
       Click on button to change text 
         from "Click" to "Html Click"
       Click
       
           $(document).ready(function() {
               $("button").click(function() {
                   // Change text of button element
                   $("#Geeks").html("Html Click");
               });
           });
       
   
     

   输出：
   点击按钮前：
   
   点击按钮后：