jQuery |设置内容和属性

设置内容：用于使用 jQuery 设置内容。以下方法用于设置下面列出的内容：

• text()：用于设置或返回被选元素的文本内容。
• html()：用于设置或返回被选元素的innerHTML内容。
• val()：该参数用于设置或返回被选元素的属性值。此方法适用于 HTML 表单元素。

示例：本示例使用设置内容方法（text()、html() 和 val() 方法）来设置内容。

  
 
    jQuery Set Content
      
    
    
 
  

      
    
        GeeksForGeeks
    
      
    jQuery Set Content
      
    Full Form: 
      
    Set 1 line
    Set 2 line
    Set 3 line
      
    
    
        $(document).ready(function() {
            $("#btn1").click(function() {
                $("#GFG1").text("GEEKSFORGEEKS");
            });
              
            $("#btn2").click(function() {
                $("#GFG2").html("<b>Set Content</b>");
            });
              
            $("#btn3").click(function() {
                $("#GFG3").val("GeeksForGeeks");
            });
        });
    

  
  

输出：

• 点击按钮前：
  
• 单击 Set 1 行按钮后：
  
• 单击设置 2 行按钮后：
  
• 单击设置 3 行按钮后：
  

设置属性： jQuery 中的 jQuery attr() 方法用于设置和更改属性值。

示例：本示例使用 attr() 方法来设置和更改属性值。

  
 
    jQuery Set Attributes
      
    
    
 
  

    
    
        GeeksForGeeks
    
  
    jQuery Set Attributes
      
    Click
      
    
      
    
        
            geeksforgeeks.org
        
    
      
    
    
        $(document).ready(function() {
            $("button").click(function() {
                $("#GFG").attr("href", 
"https://www.geeksforgeeks.org/jquery-introduction/");
            });
        });
    

  
  

输出：

• 点击链接前：
  
• 在单击按钮之前单击链接：
  
• 点击按钮后点击链接：