jQuery |获取内容和属性

获取内容：为了获取 DOM 对象的内容，有以下三种简单的方法。 用于 DOM 操作的 jQuery 方法，如下所示：

• text()：用于设置或返回被选元素的文本内容。
• html()：用于设置或返回选定元素的内容，包括 HTML 标记。
• val()：用于设置或返回表单域的值。

示例：本示例使用文本内容方法来获取内容。

  
 
    jQuery Get Content
      
    
    
 
  

  
    
        GeeksForGeeks
    
      
    jQuery Get Content
      
    Text
    HTML
      
    
    
        $(document).ready(function(){
            $("#btn1").click(function(){
                alert("Text: " + $("#GFG2").text());
            });
              
            $("#btn2").click(function(){
                alert("HTML: " + $("#GFG1").html());
            });
        });
    

  
  

输出：

• 点击按钮前：
  
• 单击文本按钮后：
  
• 点击Html按钮后：
  

获取属性jQuery attr() 方法用于获取 DOM 对象的属性值。

示例：本示例使用 attr() 方法获取属性值。

  
 
    jQuery Get Attributes
      
    
    
 
  

   
    
        GeeksForGeeks
    
      
    jQuery Get Attributes
      
    Click
      
    
      
    
        
            geeksforgeeks.org
        
    
      
    
    
        $(document).ready(function(){
            $("button").click(function(){
                alert($("#GFG").attr("href"));
            });
        });
    

  
  

输出：

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