[jQuery 權威指南(第二版)]閱讀筆記-jQuery  獲取元素的屬性[ attr(name) ]

[jQuery 權威指南(第二版)]閱讀筆記-jQuery  獲取元素的屬性[ attr(name) ]

[jQuery 權威指南(第二版)]閱讀筆記-jQuery  獲取元素的屬性[ attr(name) ]

資料來源:http://www.java1234.com/a/javaziliao/shuji/2014/1206/3343.html

 

獲取元素屬性的語法格式如下:
attr(name)

 

<html>
    <head>
        <title> 獲取元素的屬性</title>
        <style type=”text/css”>
            body{font-size:12px}
            div{float:left;padding-left:10px}
            img{border:solid 1px #ccc;padding:3px;float:left}
        </style>
        <script type=”text/javascript”
            src=”Jscript/jquery-1.8.2.min.js”>
        </script>
        <script type=”text/javascript”>
            $(function() {
            var strAlt = $(“img”).attr(“src”); // 屬性值一
            strAlt += “<br/><br/>” + $(“img”).attr(“title”); // 屬性值二
            $(“#divAlt”).html(strAlt); // 顯示在頁面中
            })
        </script>
    </head>
    <body>
        <img alt=”” title=” 這是一幅風景畫” src=”Images/img01.jpg” />
        <div id=”divAlt”></div>
    </body>
</html>

 

 

 

 

 

 

 

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *