上一节:
下一节:

  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.cainiaoya.com/jquery-jiaocheng/70.html");
               alert("把https://www.cainiaoya.com/修改设置成了https://www.cainiaoya.com/jquery-jiaocheng/70.html")
           });
        });
    </script>
    </head>
    <body>
       <p> <a href="https://www.cainiaoya.com/" id="jc2182">菜鸟教程</a></p>
       <button>修改 href 值 <button>
       <p>点击按钮修改后，可以点击链接查看链接地址是否变化。</p>  
    </body>
    </html>
    尝试一下

  • 更多实例

返回 jQuery HTML/CSS 参考
上一节:
下一节: