📜  如何使用 jQuery 更改占位符文本?

📅  最后修改于: 2021-11-24 05:29:53             🧑  作者: Mango

占位符文本是用户输入的文本输出。就像在 HTML 中一样,我们使用 Name 作为输入字段并在该空间内放置一个文本,即输入您的姓名。如下图所示:

姓名:

所以我们想要一个按钮或一些事件来将占位符文本更改为其他文本。为此,我们有 2 种方法,如下所述:

方法 1:在此方法中,我们将使用attr()方法。 attr()方法用于设置或返回选定元素的指定属性。它需要两个参数,第一个是要设置的属性,第二个是要更改为的属性的值。

“占位符”属性控制将在输入区域中显示为占位符的文本。此属性作为第一个参数传递给attr()方法。要设置的必需文本作为第二个参数传递。这会将元素的占位符文本更改为新文本。

  • 句法:
    $('selectedTextarea').attr('placeholder', 'Placeholder text');
  • 例子:
    
    
    
        
            Changing Placeholder text
        
        
    
      
    
        

         GeeksforGeeks     

              Changing Placeholder text          

          Click the button to change placeholder        of the textarea.     

             
                        
  • 输出:
    • 点击按钮前:
      attr-before
    • 点击按钮后:
      攻击后

方法 2:使用占位符属性。 “占位符”属性用于获取或设置输入文本的占位符。这可用于将占位符文本更改为新文本。首先使用 jQuery 选择器选择元素。然后可以将新的占位符文本分配给元素的占位符属性。这会将元素的占位符文本更改为新文本。

  • 句法:
    selectedTextarea = $('selectedTextarea')[0];
    selectedTextarea.placeholder = "Placeholder text";
  • 例子:
    
    
      
    
        
            Changing Placeholder text
        
        
    
      
    
        

         GeeksforGeeks     

              Changing Placeholder text          

         Click the button to change placeholder       of the textarea.     

             
                        
  • 输出:
    • 点击按钮前:
      attr-before
    • 点击按钮后:
      攻击后

jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档之间的交互,它以其“少写,多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。