jQuery | attr() 方法

jQuery 中的attr() 方法用于设置或返回被选元素的属性和值。

句法：

• 要返回属性的值：

  $(selector).attr(attribute)

• 要设置属性和值：

  $(selector).attr(attribute, value)

• 使用函数设置属性和值：

  $(selector).attr(attribute, function(index, currentvalue))

• 要设置多个属性和值：

  $(selector).attr({attribute:value, attribute:value, ...})

范围

• attribute：该参数用于指定属性的名称
• value：用于指定属性的值
• 函数(index, currentvalue)：用于指定返回要设置的属性值的函数
• index：在此参数的帮助下接收到的元素的索引位置。
• currentvalue：用于接收被选元素的当前属性值。

示例 1：

  

    jQuery attr() Method
  
    
    
  

  

    
          
            GeeksForGeeks
         jQuery attr() Method
        
      
        
        
        
        Click
        
            $(document).ready(function() {
                $("button").click(function() {
                    $("img").attr("width", "300");
                });
            });
        
    

  

输出：
点击按钮前：

点击按钮后：

示例 2：

  

    jQuery attr() Method
    
  

  

    
          
            GeeksForGeeks
         jQuery attr() Method
        
        
        
        
        Click
        
            $(document).ready(function() {
             $("button").click(function() {
               alert("Image width: " + 
                     $("img").attr("width"));
                });
            });
        
    

  

输出：

点击按钮前：

点击按钮后：

示例 3：

  

    jQuery attr() Method
    
  

  

    
          
            GeeksForGeeks
         jQuery attr() Method
        
      
        
        
        
        Click
        
            $(document).ready(function() {
             $("button").click(function() {
              $("img").attr("width", function(n, v) {
                return v - 50;
                    });
                });
            });
        
    

  

输出：

点击按钮前：

点击按钮后：

示例 4：

  

    jQuery attr() Method
  
    
    
  

  

    
          
            GeeksForGeeks
        
         jQuery attr() Method
        
        
        
        
        Click
        
        
            $(document).ready(function() {
             $("button").click(function() {
              $("img").attr({
                   width: "150",
                   height: "100"
                    });
                });
            });
        
    

  

输出：

点击按钮前：

点击按钮后：