jQuery attr() 方法

  • 定义和用法

    attr() 方法设置或返回被选元素的属性和值。
    当该方法用于返回属性值,则返回第一个匹配元素的值。
    当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。
  • 语法

    //返回属性的值:
    $(selector).attr(attribute)
    
    //设置属性和值:
    $(selector).attr(attribute,value)
    
    //使用函数设置属性和值:
    $(selector).attr(attribute,function(index,currentvalue))
    
    //设置多个属性和值:
    $(selector).attr({attribute:value, attribute:value,...})
    
  • 参数描述

    参数 描述
    attribute 规定属性的名称。
    value 规定属性的值。
    function(index,currentvalue)
    规定要返回属性值到集合的函数。
    • index - 接受集合中元素的 index 位置。
    • currentvalue - 接受被选元素的当前属性值。
  • 实例

    下例演示了如何更改(设置)链接中href属性的值:
    <!DOCTYPE html>
        <html lang="en">
        <head>
        <meta charset="UTF-8">
        <title>欢迎来到蝴蝶教程</title>
        //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
        <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
        <script>
            $(document).ready(function () {
               $("button").click(function(){
                   $("#jc2182").attr("href", "https://www.jc2182.com/jquery-jiaocheng/70.html");
                   alert("把https://www.jc2182.com/修改设置成了https://www.jc2182.com/jquery-jiaocheng/70.html")
               });
            });
        </script>
        </head>
        <body>
           <p> <a href="https://www.jc2182.com/" id="jc2182">蝴蝶教程</a></p>
           <button>修改 href 值 <button>
           <p>点击按钮修改后,可以点击链接查看链接地址是否变化。</p>  
        </body>
        </html>
    
    尝试一下