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

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

姓名：

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

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

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

• 句法：

  $('selectedTextarea').attr('placeholder', 'Placeholder text');

• 例子：

      
          Changing Placeholder text
      
      
          body {
              text-align: center;
          }
      
  
    
  
      
       GeeksforGeeks
      
      
       Changing Placeholder text
      
      
        Click the button to change placeholder 
        of the textarea.
      
      
      
      
          Change Placeholder
      
    
      
      
      
          function changePlaceholder() {
              $('#area1').attr('placeholder',
                  'This is a new placeholder');
          }
      
  
    

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

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

• 句法：

  selectedTextarea = $('selectedTextarea')[0];
  selectedTextarea.placeholder = "Placeholder text";

• 例子：

    
  
      
          Changing Placeholder text
      
      
          body {
              text-align: center;
          }
      
  
    
  
      
       GeeksforGeeks
      
      
       Changing Placeholder text
      
      
       Click the button to change placeholder 
       of the textarea.
      
      
      
      
          Change Placeholder
      
    
      
      
      
          function changePlaceholder() {
              selectedTextarea = $('#area1')[0];
    
              selectedTextarea.placeholder =
                  "This is a new placeholder";
          }
      
  
    

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

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