jQuery操作DOM - 爱码网

---恢复内容开始---

1.元素属性操作

　　1.1 获取元素的属性

　　　　attr(name)

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="../Scripts/jquery-3.1.1.js"></script>
    <title></title>
    <meta charset="utf-8" />
    <style type="text/css">
        body {
            font-size:12px;
        }
        img {
            border:1px solid #ff6a00;
            width:300px;height:200px;
            padding:3px;float:left;
        }
        div {
            float:left;padding:10px;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            var urlStr = $("img").attr("src");
            var altStr = $("img").attr("alt");
            $("#div1").html("图片路径为：" + urlStr + "<br/>" + "图片名称为：" + altStr);
        })
    </script>
</head>
<body>
    <img alt="你的名字" src="../0227/5670d8646a4b6.jpg"/>
    <div id="div1"></div>
</body>
</html>

实例：