📌  相关文章
📜  如何使用 jQuery 更改按钮的文本?

📅  最后修改于: 2022-05-13 01:55:57.465000             🧑  作者: Mango

如何使用 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"   

                

    输出:
    点击按钮前:

    点击按钮后:

  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"

                

    输出:
    点击按钮前:

    点击按钮后: