16. jQuery-獲取元素的屬性
阿新 • • 發佈:2018-12-09
1. 效果圖
2.html程式碼
<!DOCTYPE html> <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> </head> <body> <img alt="" title="這是一隻奔跑的小豬" src="../img/pig.jpg" width = "70px" height="70px;"/> <div id="divAlt"></div> <script src="../jquery.min.js"></script> <script type="text/javascript"> $(function(){ //屬性值一 var strAlt = $("img").attr("src"); //屬性值二 strAlt += "<br/><br/>" +$("img").attr("title"); //顯示在頁面中 $("#divAlt").html(strAlt); }) </script> </body> </html>